/*
Company: IBM Magazine
File: main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - they make sure that all browsers start with the same default settings
HTML, Body - for the html and body tags
Layout - any style that defines how the site is laid out (position and size of objects)
Nav - navigation bar
Headings - headings like h1, h2, etc
Text Styles - Styles for text
Lists - unordered and ordered lists
Forms - html forms
Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group Global Browser Reset */
* {

padding:0;

margin:0;

}

body {padding:5px;}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address { margin:20px 0; }

li, dd, blockquote { margin-left: 40px; }

fieldset { padding:10px; }

img { border: 0px; }
/* @end */

/* @group HTML, Body */
body {
background: url(/images/bkg.gif);
text-align: center;
font-size: 13px;
font-family: Verdana, Arial, sans-serif;
color: #4b4b4b;
}
/* @end */

/* @group Layout */
div#outer {
width: 961px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
div#banner-ad {
margin-left: auto;
margin-right: auto;
/* width: 728px; - Changed for new survey ad */
width: 948px;
height: 110px;
margin-top: 10px;
margin-bottom: 10px;
}
div#banner-ad1 {
float: left;
width: 728px;

}
div#banner-ad2 {
float: left;
width: 200px;

}
div#header {
width: 951px;
height: 134px;
background: url(/images/header-bkg.gif) no-repeat;
padding: 1px 5px;
}
div#header-webinar {
width: 951px;
height: 138px;
background: url(/images/header-bkg-webinar.gif) no-repeat;
padding: 1px 5px;
}
div#header-webinar img {
margin-top: 4px;
}
div#header-webinar-news {
width: 951px;
background: url(/images/header-bkg-webinar.gif) no-repeat;
padding: 1px 5px;
}
div#header-webinar-news img {
margin-top: 4px;
}
div#header-2 {
width: 951px;
height: 134px;
background: url(/images/header-bkg-2.gif) no-repeat;
padding: 1px 5px;
}
div.header-home {
height: 110px !important;
}
div#top-nav {
height: 29px;
margin-top: 4px;
background-color: #000;
overflow: hidden;
}
div#top-nav a:link, div#top-nav a:visited {
color: #fff;
text-decoration: none;
}
div#top-nav ul.top-nav-left {
float: left;
margin: 0;
font-size: 77%;

}

div#top-nav ul.top-nav-left li {
float: left;
line-height: 29px;
list-style-type: none;
margin-left: 20px;
}
div#top-nav ul.top-nav-left li.first a {
border-right: 1px solid #fff;
padding-right: 20px;
}
div#top-nav ul.top-nav-left li.1 a {
border-right: 1px solid #fff;
padding-right: 20px;
}
div#top-nav ul.top-nav-left li.2 a {
border-right: 1px solid #fff;
padding-right: 20px;
}
/* Home top nav left */
div#top-nav ul.top-nav-left-home {
float: left;
margin: 0;
font-size: 77%;
text-transform: uppercase;
}
div#top-nav ul.top-nav-left-home li {
float: left;
line-height: 29px;
list-style-type: none;
margin-left: 20px;
}
div#top-nav ul.top-nav-left-home li a {
border-right: 1px solid #fff;
padding-right: 20px;
}
div#top-nav ul.top-nav-left-home li span {
text-transform: lowercase;
}
div#top-nav ul.top-nav-left-home li.last a {
border-right: none;
padding-right: 20px;
}

div#top-nav ul.top-nav-right {
float: right;
margin: 0 10px 0 0;
font-size: 77%;
text-transform: uppercase;
display: inline;
}
div#top-nav ul.top-nav-right li {
float: left;
line-height: 29px;
list-style-type: none;
padding-left: 15px;
background: url(/images/arrow-blue.gif) 0 50% no-repeat;
margin-left: 15px;
display: inline;
}
div#top-nav ul.top-nav-right a:link, div#top-nav ul.top-nav-right a:visited {
color: #FFFFFF;
}
div#top-nav img {
float: left;
}
div#masthead {
height: 75px;
overflow: hidden;
}
img#logo {
float: left;
margin: 5px 0 0 15px;
}

div#subscribe-box {
width: 200px;
float: left;
margin-left: 230px;
font-size: 77%;
text-transform: uppercase;
display: inline;
}
div#subscribe-box a:link, div#subscribe-box a:visited {
color: #fff;
text-decoration: none;
}
div#subscribe-box img {
float: left;
margin-top: 3px;
margin-right: 5px;
}
div#subscribe-box ul {
margin: 10px 0;
float: left;
display: inline;
}
div#subscribe-box ul li {
list-style-type: none;
background: url(/images/arrow-white.gif) 0 50% no-repeat;
margin: 3px 0;
padding: 0 0 0 15px;
}

div#search-box {
float: left;
width: 200px;
margin: 10px 0 0 10px;
font-size: 77%;
color: #fff;
display: inline;
}
div#search-box p {
margin: 2px 0;
line-height: 90%;
padding: 0;
}
div#search-box form {
margin: 0;
}
div#search-box form input.txt {
vertical-align: middle;
margin-bottom: 2px;
width: 140px;
}
div#search-box form input.btn {
vertical-align: middle;
margin-bottom: 2px;
}
div.search-box-right {
float: right !important;
}




div#body {
background: url(/images/body-bkg.gif) repeat-y;
padding-top: 20px;
}
div.right-col-main {
width: 349px;
float: right;
margin-right: 31px;
display: inline;
}
div.left-col-main {
width: 542px;
float: left;
margin-left: 16px;
display: inline;
}
div.left-col-sub {
width: 187px;
float: left;
margin-right: 5px;
margin-top: 20px;
display: inline;
}
div.right-col-sub {
float: right;
width: 346px;
margin-top: 20px;
display: inline;
}
div.right-col-story {
float: right;
width: 346px;
margin-top: 0;
margin-right: 25px;
display: inline;
}
div.right-col-form {
float: right;
width: 448px;
margin-top: 0;
margin-right: 25px;
display: inline;
}
div.right-col-thin {
width: 176px;
float: left;
display: inline;
}
div.story-col {
width: 530px;
float: left;
margin-right: 20px;
margin-top: 0;
margin-left: 20px;
display: inline;
}
div.story-col-form {
width: 428px;
float: left;
margin-right: 20px;
margin-top: 0;
margin-left: 20px;
display: inline;
}
div.three-col-wide {
float: left;
width: 352px;
margin-top: 0;
margin-left: 20px;
display: inline;
}
div.three-col-thin {
width: 176px;
float: right;
margin-right: 25px;
display: inline;
}
div.topic-left-col {
width: 346px;
float: left;
margin-right: 20px;
margin-top: 0;
margin-left: 20px;
display: inline;
}
div.topic-left-col p {
line-height: 180%;
font-family: Georgia, serif;
}
div.topic-mid-col {
float: left;
width: 346px;
display: inline;
}
div.topic-right-col {
width: 172px;
float: left;
margin-left: 20px;
display: inline;
}


div#footer {
clear: both;
background: url(/images/footer-bkg.gif) no-repeat top center;
padding-top: 15px;
padding-left: 0px;
width:961px;
margin-left:auto;
margin-right:auto;
}
div#footer-adsense {
border-top:1px solid #c0c0bf;
padding-top:15px;
background: url(/images/body-bkg.gif) repeat-y;
align: center;
}

div#footer ul#footer-nav-main {

font-weight: bold;
font-size: 92%;
}
div#footer ul#footer-nav-sub {
font-size: 77%;
}
div#footer p {
font-size: 77%;
}
div#footer ul li {
list-style-type: none;
float: left;
margin-left: 0;
padding-right: 10px;
margin-right: 10px;
border-right: 1px solid #fff;
}
div#footer li.active a:link, div#footer li.active a:visited {
color: #000;
}

p.codefooter  {
font-size: 77%;
margin-left:20px;
}

div#main-graphic {
margin-top: 8px;
}


div.Print {
clear: both;
padding: 20px 20px 0 20px;
}

div.Print p.print {
clear: both;
padding: 0px;
margin: 0px;
font-size: 77%;
}

div.Print p {
font-family: Verdana, Arial, sans-serif;
}

div.Print h1 {
margin: 5px 0 15px 0;
color: #000;
font-size: 235%;
font-family: Georgia, serif;
font-weight: lighter;
}
div.Print h4 {
margin: 5px 0;
color: #737373;
font-size: 136%;
font-family: Georgia, serif;
font-weight: lighter;
}





/* home edition selector  */

div.edition-select-off {

width:169px;
height:120px;
background-color: #6c697b;
margin:0px;
padding:0px;
cursor:pointer;

}

div.edition-select-on {

width:169px;
height:120px;
background-color: #000000;
margin:0px;
padding:0px;
cursor:pointer;

}

div.edition-select-on p {

font-size:15px;
margin:0px;
padding:10px;
font-weight:bold;
color:#FFFFFF;

}


div.edition-select-off p {
font-size:15px;
margin:0px;
padding:10px;
font-weight:bold;
color:#FFFFFF;
}

div.edition-select-wrapper {
margin:0px;
padding: 3px 0px 0px 3px;
background-image: url();
height:367px;

}

/* home edition selector for new billboard 10/24 - dbw  */

div.edition-select2-off {
width:169px;
height:120px;
margin:0px;
padding:0px;
cursor:pointer;

}

div.edition-select2-on {
width:172px;
height:120px;
background-color: #ededed; 
margin:0px;
padding:0px;
cursor:pointer;

}

div.edition-select2-on p {
font-family: Verdana, Arial, sans-serif;
font-size:13px;
margin:0px;
padding:10px;
font-weight:bold;
color:#000000;

}

div.edition-select2-on a {
font-family: Verdana, Arial, sans-serif;
font-size:13px;
margin:0px;
text-decoration: none;
padding:0px;
font-weight:bold;
color:#000000;

}


div.edition-select2-off p {
font-family: Verdana, Arial, sans-serif;
font-size:13px;
margin:0px;
padding:10px;
font-weight:bold;
color:#FFFFFF;
}

div.edition-select2-off a {
font-family: Verdana, Arial, sans-serif;
font-size:13px;
margin:0px;
text-decoration: none;
padding:0px;
font-weight:bold;
color:#FFFFFF;

}

div.edition-select-wrapper2 {
margin:0px;
padding: 0px 0px 0px 0px;
height:368px;

}



/* Left Sidebar */
div.green-box {
background: url(/images/green-box-bkg.gif) no-repeat top center;
padding: 7px 5px 8px 6px;
font-family: Georgia, serif;
margin-bottom: 10px;
}
div.green-box p {
margin: 6px 10px;
}
/* Poll Box */
div.poll-box {
background: url(asset.getLink("/Assets/images/poll-bkg.gif")%>);
padding: 1px;
border: 1px solid #cff0fc;
margin: 10px 0;
font-family: Georgia, serif;
}
div.poll-box img.poll-header-thin {
margin-top: 6px;
margin-left: 10px;
margin-bottom: 5px;
}
div.poll-box form, div.poll-box p {
margin: 10px;
}
div.poll-box form p {
margin-left: 0;
}
div.poll-box img.presented-by {
margin-left: 5px;
}
div.poll-box p.presented-by {
font-family: Verdana, Arial, sans-serif;
font-size: 77%;
color: #737373;
margin-left: 5px;
margin-top: 2px;
}
div.poll-box input.btn {
margin: 5px 0;
}

div.announcements-box {
background: url(/images/announcements-bkg.gif) no-repeat top center;
padding: 30px 14px 5px 14px;
}

/* Middle Column */
div.news-updates {
font-family: Georgia, serif;
margin-bottom: 20px;
}
div.news-updates dt {
width: 40px;
float: left;
color: #7d7d7d;
}
div.news-updates dd {
margin-left: 50px;
margin-bottom: 10px;
font-size: 100%;
}
div.news-updates div.news-updates-header {
border-bottom: 1px dotted #575757;
}
div.news-updates p.rss {
float: right;
margin: 5px 0;
}
p.rss a:link, p.rss a:visited {
color: #4b4b4b !important;
text-decoration: none;
}
div.news-updates h2 {
float: left;
margin: 5px 0;
font-size: 136%;
font-weight: normal;
text-transform: uppercase;
color: #000;
}


/* New Buyers Guide box for section homepages */

div#buyers-guide-new {
  background: url(/images/bgbkgnew.jpg) repeat-y top left;
  font-family: Arial, Helvetica, sans-serif;
  margin: 10px 0 0 5px;
  min-height:140px;
  width:334px;
  }
  
div#buyers-guide-new p.top {
  margin: 2px 7px 5px 7px;
  font-size: 100%;
  font-weight: bolder;
  color: #ffffff;
}
div#buyers-guide-new p.bottom {
  margin: 5px 7px 5px 7px;
  text-align: center;
}
div#buyers-guide-new a.bottom {
  font-size: 100%;
  font-weight: bolder;
  color: black;
}
div#product-directory-new {
background: url(/images/bggreybkgnew.jpg) repeat-y top left;/*no-repeat*/
font-family: Arial, Helvetica, sans-serif;
margin: 0px 0px 0px 10px;
}
div#product-directory-top-new {
background: url(/images/bggreytop.jpg) no-repeat bottom left;
margin:3px 0px 0px 10px;
height:10px;
clear:all;
}
div#product-directory-btm-new {
background: url(/images/bggreybottom.jpg) no-repeat bottom left;
margin:0px;
height:13px;
clear:all;
}
div#product-directory-new h2 {
font-size: 125%;
font-weight: 600;
text-transform: uppercase;
color: #0066CC;
margin: 0px 0px 3px 10px;
}
div#product-directory-new h3 {
font-size: 100%;
font-weight: lighter;
color: #0066CC;
margin: 0px 3px 3px 10px;
font-family: Verdana, sans-serif;
text-transform: uppercase;
}
div#product-directory-new h3.link {
font-size: 100%;
font-weight: 600;
color: #0066CC;
margin: 2px 0px 0px 10px;
font-family: Verdana, sans-serif;
text-transform: none;
}
div#product-directory-new h3.b-link {
font-size: 95%;
font-weight: 500;
color: #0066CC;
margin: 5px 0px 0px 10px;
font-family: Georgia, "Times New Roman", Times, serif;
text-transform: none;
}
div#product-directory-new h3.b-link-right {
font-size: 85%;
font-weight: 500;
color: #0066CC;
margin: 0px 15px 0px 0px;
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center;
text-transform: none;
}
div#product-directory-new p {
font-family: Georgia, "Times New Roman", Times, serif;
margin: 2px 0px 0px 10px;
font-size: 85%;
}
div#product-directory-new img.product-shot {
float: right;
margin: 0 15px 0px 0px;
}
div#product-directory-new form {
margin: 0px 0px 0px 10px;
}
div#product-directory-new form input.txt {
vertical-align: middle;
width: 225px;
}
div#product-directory-new form input.btn {
vertical-align: middle;
}
div#bg-company-box {
font-family: Georgia, "Times New Roman", Times, serif;
margin: 0px 0px 0px 10px;
}
div#bg-company-box p {
font-family: Georgia, "Times New Roman", Times, serif;
margin: 0px 0px 0px 0px;
}
div#bg-company-box h3.company-link {
font-size: 110%;
font-weight: 500;
color: #0066CC;
margin: 0px 0px 0px 0px;
font-family: Georgia, "Times New Roman", Times, serif;
text-transform: none;
}
div#bg-company-box h3.head {
font-size: 100%;
font-weight: bold;
font-family: Verdana, sans-serif;
margin: 4px 0 6px 0;
color: #4b4b4b;
}
div#bg-company-box img.product-shot {
float: left;
margin: 0 5px 0px 0px;
}


/*    
div#product-showcase {
background: url(/images/buyers-guide-bkg.gif) repeat-y top left;/*no-repeat*/ 
font-family: Georgia, serif;
min-height:149px;
margin: 10px 0 0 0;
}
div#product-showcase-btm {
background: url(/images/buyers-guide-bkg-btm.gif) no-repeat bottom left;
height:5px;
margin:0px;
clear:all;
}
div#product-showcase h2 {
font-size: 136%;
font-weight: lighter;
margin: 4px 10px 2px 10px;
}
div#product-showcase h3 {
font-size: 77%;
font-weight: lighter;
margin: 2px 10px 4px 10px;
font-family: Verdana, sans-serif;
}
div#product-showcase p {
margin: 0 10px 0 0;
font-size: 85%;
}
div#product-showcase img.product-shot {
float: left;
margin: 0 10px 10px 10px;
}

div#buyers-guide {
background: url(/images/buyers-guide-bkg.gif) repeat-y top left;/*no-repeat*/ 

font-family: Georgia, serif;
margin: 10px 0 0 0;
min-height:140px;
}
div#buyers-guide-btm {
background: url(/images/buyers-guide-bkg-btm.gif) no-repeat bottom left;
height:5px;
clear:all;
}

div#buyers-guide p {
margin: 6px 10px 6px 10px;
font-size: 107%;
color: #000;
}
div#buyers-guide ul {
width: 45%;
float: left;
margin: 4px 0;
font-size: 136%;
}
div#buyers-guide ul a:link, div#buyers-guide ul a:visited {
color: #fff;
}
div#buyers-guide ul li {
list-style-type: none;
background: url(/images/jump-arrow-white.gif) no-repeat 0 50%;
padding-left: 17px;
margin: 0 10px;
}

*/



div#product-showcase {
background: url(/images/buyers-guide-bkg.gif) no-repeat top left;
font-family: Georgia, serif;
margin: 10px 0 0 0;

}
div#product-showcase-btm {
background: url(/images/buyers-guide-bkg-btm.gif) no-repeat bottom left;
height:5px;
margin:0px;
clear:all;

}
div#product-showcase h2 {
font-size: 136%;
font-weight: lighter;
margin: 4px 10px 2px 10px;
}
div#product-showcase h3 {
font-size: 77%;
font-weight: lighter;
margin: 2px 10px 4px 10px;
font-family: Verdana, sans-serif;
}
div#product-showcase p {
margin: 0 10px 0 10px;
font-size: 85%;
padding-bottom:10px;

}
div#product-showcase img.product-shot {
float: left;
margin: 0 10px 10px 10px;


}



div#buyers-guide {
background: url(/images/buyers-guide-bkg.gif) no-repeat top left;
font-family: Georgia, serif;
margin: 15px 0 0 0;

}

div#buyers-guide-btm {

margin:0 0 0 0;
padding:0 0 0 0;

}


div#buyers-guide p {
margin: 6px 10px 6px 10px;
font-size: 107%;
color: #000;
}

div#buyers-guide td {
width: 45%;
}


div#buyers-guide ul {

margin: 4px 0;
font-size: 136%;
}


div#buyers-guide ul a:link, div#buyers-guide ul a:visited {
color: #fff;
}
div#buyers-guide ul li {
list-style-type: none;
background: url(/images/jump-arrow-white.gif) no-repeat 0 50%;
padding-left: 17px;
margin: 0 10px;
}


div#buyers-guide div#pulldowns {
margin: 10px 0 0 10px;
padding:0 0 10px 0;
}


div.story-summaries {
margin: 10px 0;
font-family: Georgia, serif;
}
div.story-summaries h2 {
font-size: 136%;
text-transform: uppercase;
font-weight: lighter;
border-bottom: 1px dotted #575757;
padding-bottom: 10px;
color: #000;
}
div.story-summaries h3 {
font-size: 122%;
text-transform: uppercase;
font-weight: lighter;
font-family: Georgia, serif;
border-top: 1px dotted #575757;
padding-top: 10px;
color: #000;
}
div.story-summaries h4 {
font-size: 136%;
font-weight: lighter;
margin: 0 0 5px 0;
}
div.story-summaries p {
margin: 0 0 4px 0;
line-height: 140%;
color: #737373;
}
div.story-summaries p.month {
font-family: Verdana, Arial, sans-serif;
font-size: 85%;
color: #737373;
}
div.story-summaries p span {
font-family: Verdana, sans-serif;
font-size: 85%;
text-transform: uppercase;
color: #a57c52;
}
div.story-summaries div.row {
margin-bottom: 20px;
}
div.story-summaries div.row img {
float: left;
margin: 0 10px 5px 0;
border: 1px solid #c3c3c3;
}
div.story-summaries p.little {
font-size:85%;
font-family:verdana,sans-serif;

}

div.news h4 
{
font-size: 115%;
font-weight: lighter;
margin: 0 0 5px 0;
}
/* blog styles - add the below css and the new code from blog-box-new.aspx */
div.blog-box-new {
 font-family: Georgia, serif;
 margin: 0 0 20px 0;
 padding:0 0 0 0;
 width:352px;
}
div.blog-box-new p, div.blog-box h2 {
 margin-left: 17px;
 margin-right: 10px;
}
div.blog-box-new h2 {
 font-size: 136%;
 font-weight: normal;
}
td.blogtitle {
 font-weight:bold;
 color: #0080d1;
 font-size:14px;
 padding:18px 0 0 17px;
 margin:0 0 0 0;
}
div.blog-box-new p.byline {
 color: #808080;
 width:250px;
 padding:0;
 margin: 0 10px 0 17px;
}
/* blog styles - add the below css and the new code from blog-box-new2.aspx */
div.blog-box-new2 {
 font-family: Georgia, serif;
 margin: 7px 0px 10px 5px;
 padding:0px;
 border: 1px solid #aaaaaa;
 width:336px;
}
div.blog-box-new2 img {
 margin: 0px 0px 0px 3px;
 padding: 0;
}
div.blog-box-new2 p {
 margin: 3px 0px 5px 8px;
 padding: 0;
}
div.blog-box-new2 h2 {
 margin: 2px 0px 0px 8px;
 font-size: 100%;
 font-weight: bold;
}
div.blog-head {
background: url(/images/blogbackground.gif) no-repeat top center;
}
td.blogtitle2 {
 font-weight:bold;
 color: #0080d1;
 font-size: 112%;
 padding: 10px 0px 0px 12px;
}
div.blog-box-new2 p.byline2 {
 color: #808080;
 font-size: 72%;
 margin: 10px 0px 0px 3px;
}

div.blog-box {
background: url(/images/blog-bkg.gif) no-repeat top center;
padding-top: 37px;
font-family: Georgia, serif;
margin: 0 0 20px 0;
}
div.blog-box p, div.blog-box h2 {
margin-left: 17px;
margin-right: 10px;
}
div.blog-box h2 {
font-size: 136%;
font-weight: normal;
}
div.blog-box p.byline {
color: #808080;
}

/* Blog Wide Box */
div.blog-wide {
width: 547px;
background: url(/images/blog-wide-head.gif) no-repeat top center;
margin: 15px 0px;
padding-top:50px;
}


div.blog-img {
float: left;
margin-left: 20px;
margin-right: 15px;
display: inline;
}
div.blog-row {
margin: 10px 0;
clear: both;
}
div.blog-txt {
float: left;
width: 392px;
display: inline;
}
div.blog-txt p.blog-name {
font-size: 92%;
vertical-align:middle;
}
div.blog-txt p.blog-name span {
text-transform: uppercase;
}
div.blog-txt p {
margin: 0 0 5px 0;
line-height: 140% !important;
}
div.blog-txt h2 {
margin: 0 0 2px 0;
font-weight: normal;
font-family: Georgia, serif;

}

div.ad-box {
background-color: #e6e6e6;
text-align: center;
padding: 1px 0 5px 0;
margin: 10px 0;
}
div.ad-box h2 {
font-size: 77%;
color: #8b8b8b;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: lighter;
margin: 1px 0;
}
div.ad-box img {
border: 1px solid #fff;
}
div.ad-box-hp {
background-color: #e6e6e6;
text-align: center;
padding: 1px 0 5px 0;
margin: 0px 0px 10px 0px;
}
div.ad-box-hp h2 {
font-size: 77%;
color: #8b8b8b;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: lighter;
margin: 1px 0;
}
div.ad-box-hp img {
border: 1px solid #fff;
}
div.text-ad-box {
padding: 1px 0 5px 0;
}
div.text-ad-box h2 {
font-size: 77%;
color: #8b8b8b;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: lighter;
margin: 1px 0;
}
div.text-ad-box img {
border: 1px solid #fff;

}

div.media-box {
background: url(/images/media-box-bkg.gif) repeat-y top center;
font-family: Georgia, serif;
padding: 0 0 1px 0;
margin: 10px 0 0 0;
}
div.media-box a:hover {
text-decoration: none;
}
div.media-box ul.media-nav {
background: url(/images/media-box-hd-bkg.gif) no-repeat bottom center #fff;
height: 39px;
margin: 0;
}
div.media-box ul.media-nav li {
float: left;
list-style-type: none;
margin: 0;
}
div.media-box ul.media-nav li a#t-webinars {
display: block;
width: 104px;
height: 39px;
background: url(/images/t-webinars.gif) no-repeat;
margin-left: 18px;
}
div.media-box ul.media-nav li a#t-downloads {
display: block;
width: 104px;
height: 39px;
background: url(/images/t-downloads.gif) no-repeat;
margin-left: 5px;
}
div.media-box ul.media-nav li a#t-podcasts {
display: block;
width: 97px;
height: 39px;
background: url(/images/t-podcasts.gif) no-repeat;
margin-left: 0;
}
div.media-box ul.media-nav li.active a#t-webinars {
background: url(/images/t-webinars-a.gif) no-repeat;
}
div.media-box ul.media-nav li.active a#t-downloads {
background: url(/images/t-downloads-a.gif) no-repeat;
}
div.media-box ul.media-nav li.active a#t-podcasts {
background: url(/images/t-podcasts-a.gif) no-repeat;
}
div.media-box ul.media-nav li span {
visibility: hidden;
}

div.media-box ul.media-list {
margin: 10px;
}
div.media-box ul.media-list li {
list-style-type: none;
background: url(/images/media-icon.gif) no-repeat top left;
padding-left: 30px;
margin: 10px 8px;
}

div.media-box ul.media-list li.downloads {
list-style-type: none;
background: url(/images/icondownloads.gif) no-repeat top left;
padding-left: 30px;
margin: 10px 8px;
}

div.media-box ul.media-list li.webinars {
list-style-type: none;
background: url(/images/iconwebinar.gif) no-repeat top left;
padding-left: 30px;
margin: 10px 8px;
}

div.media-box ul.media-list li.podcasts {
list-style-type: none;

background: url(/images/iconpodcasts.gif) no-repeat top left;
padding-left: 30px;
margin: 10px 8px;
}

div.media-box ul.media-list li.slideshows {
list-style-type: none;
background: url(/images/iconslideshows.gif) no-repeat top left;
padding-left: 30px;
margin: 10px 8px;
}

div.media-box-ft {
height: 11px;
background: url(/images/media-box-ft-bkg.gif) no-repeat;
margin-bottom: 10px;
}

div.vendor-box {
background: url(/images/vendor-resources-bkg.gif) repeat-x;
font-family: Georgia, serif;
padding-bottom: 10px;
}
div.vendor-box h4 {
margin: 2px 10px 10px 18px;
font-size: 92%;
font-weight: lighter;
border-bottom: 1px dotted #565656;
padding-bottom: 10px;
}
div.vendor-box h2 {
margin: 10px 10px 0px 18px;
font-size: 107%;
font-weight: lighter;
}
div.vendor-box h3 {
margin: 2px 10px 10px 18px;
font-size: 100%;
font-weight: lighter;
color: #737373;
}

/* Vendor Marketplace Box */
div.vendor-marketplace-box-top {
background: url(/images/vendor-box-top.gif) no-repeat;
height: 7px;
width: 354px;
overflow: hidden;
}
div.vendor-marketplace-box {
width: 354px;
background: url(/images/vendor-box-mid.gif) repeat-y;
padding: 1px 0;
margin: 0;
}
div.vendor-marketplace-box img {
margin-left: 8px;
}
div.vendor-marketplace-box h4 {
font-weight: normal;
font-family: Georgia, serif;
font-size: 114%;
margin: 5px 18px;
}
div.vendor-marketplace-box p {
font-family: Georgia, serif;
margin: 5px 18px 15px 18px;
}
div.vendor-marketplace-box-btm {
background: url(/images/vendor-box-btm.gif) no-repeat;
height: 7px;
width: 354px;
}
div.vendor-marketplace-box p.subhead {
font-size: 77%;
margin-left: 18px;
margin-right: 18px;
margin-top: 10px;
border-bottom: 1px dotted #9f9f9f;
padding-bottom: 10px;
margin-bottom: 10px;
font-family: Verdana, Arial, sans-serif;
}


div.web-exclusive-content {
width: 354px;
background: url(/images/vendor-box-mid.gif) repeat-y;
padding: 1px 0;
margin: 0;
}
div.web-exclusive-content img {
margin-left: 8px;
}
div.web-exclusive-content img.ad {
margin-left: 17px;
}
div.web-exclusive-content h4 {
font-weight: bold;
font-family: Georgia, serif;
font-size: 100%;
margin: 5px 18px;
}
div.web-exclusive-content p {
font-family: Georgia, serif;
margin: 5px 18px 15px 18px;
font-size:100%;
}

div.web-exclusive-content p.subhead {
font-size: 77%;
margin-left: 18px;
margin-right: 18px;
margin-top: 10px;
border-bottom: 1px dotted #9f9f9f;
padding-bottom: 10px;
margin-bottom: 10px;
font-family: Verdana, Arial, sans-serif;
}

div.web-exclusive-content p.little {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 5px 18px 15px 18px;
font-size:85%;
}



div.departments {
width: 354px;
background: url(/images/vendor-box-mid.gif) repeat-y;
padding: 1px 0;
margin: 0;
}
div.departments img {
margin-left: 8px;
}
div.departments img.ad {
margin-left: 17px;
}
div.departments h4 {
font-weight: normal;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:85%;
margin: 5px 18px;
}
div.departments p {
font-family: Georgia, serif;
margin: 5px 18px 15px 18px;
font-size:100%;
}

div.departments p.subhead {
font-size: 77%;
margin-left: 18px;
margin-right: 18px;
margin-top: 10px;
border-bottom: 1px dotted #9f9f9f;
padding-bottom: 10px;
margin-bottom: 10px;
font-family: Verdana, Arial, sans-serif;
}

div.departments p.little {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 5px 18px 15px 18px;
font-size:85%;
}

div.notes {
border: 1px dotted #9f9f9f;
width:85%;
margin-left:20px;
padding:0px;
background-color:#e6e6e6;
}
div.notes p {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}



/* Code Sample */ 

div.code-box-overall {
float: left;
padding-right:10px;
width:172px;
}
div.code-box-overall h5.title {
 font-weight: bold;
 color:#0080d1;
 font-family: Georgia, serif;
 font-size: 110%;
 padding-left:12px;
 
}
div.code-box-overall img {
 margin-left: 5px;
 
}
div.code-box-overall p.code-name {
 text-align: left;
 font-family: Verdana, Arial, sans-serif;
 font-size: 77%;
 color: #a1a1a1;
}


div.code-box-top {
background: url(/images/quote-box-top.gif) no-repeat;
height: 10px;
width: 172px;
overflow: hidden;

 
}

div.code-box {
width: 172px;
background: url(/images/quote-box-mid.gif) repeat-y;
padding: 1px 0;
}
div.code-box p {
font-family: Georgia, serif;
margin: 5px 18px 15px 18px;

}
div.code-box div.code-text {
background: url(/images/poll-bkg.gif);
margin: 10px 8px;
padding: 15px;
font-family: Georgia, serif;
font-style: italic;
line-height: 140%;
color: #000;
}
div.code-box-btm {
background: url(/images/quote-box-btm.gif) no-repeat;
height: 10px;
width: 172px; 
}



/* Quote Box */
div.quote-box-top {
background: url(/images/quote-box-top.gif) no-repeat;
height: 10px;
width: 172px;
overflow: hidden;
}
div.quote-box {
width: 172px;
background: url(/images/quote-box-mid.gif) repeat-y;
padding: 1px 0;
}
div.quote-box img {
margin-left: 8px;
}
div.quote-box h4 {
font-weight: normal;
font-family: Georgia, serif;
font-size: 114%;
margin: 5px 18px;
}
div.quote-box p {
font-family: Georgia, serif;
margin: 5px 18px 15px 18px;
}
div.quote-box div.quote-text {
background: url(/images/poll-bkg.gif);
margin: 10px 8px;
padding: 15px;
font-family: Georgia, serif;
font-style: italic;
line-height: 140%;
color: #000;
}
div.quote-box p.quote-name {
text-align: right;
font-family: Verdana, Arial, sans-serif;
font-size: 77%;
color: #a1a1a1;
}
div.quote-box-btm {
background: url(/images/quote-box-btm.gif) no-repeat;
height: 10px;
width: 172px;
}


div.newsletter-box {
background: url(/images/poll-bkg.gif);
padding: 1px;
border: 1px solid #cff0fc;
margin: 10px 0;
}
div.newsletter-box p {
margin: 10px 13px 15px 13px;
color: #000;
font-size: 92%;
}
div.newsletter-box form {
margin: 10px 13px;
}
div.newsletter-box form input.txt {
color: #737373;
}
div.newsletter-box form p {
margin: 10px 0;
}

div.headlines-list h2 {
font-size: 157%;
font-weight: lighter;
font-family: Georgia, serif;
text-transform: uppercase;
margin-bottom: 15px;
color: #000;
}
div.headlines-list p {
margin: 10px 0;
font-family: Georgia, serif;
}

div.most-stories-box {
margin: 20px 0;
}
div.most-stories-box h2 {
font-size: 107%;
font-weight: lighter;
font-family: Georgia, serif;
text-transform: uppercase;
margin: 0;
color: #000;
}
div.most-stories-box h3 {
font-size: 85%;
font-weight: lighter;
font-family: Verdana, Arial, sans-serif;
margin: 0;
color: #000;
}
div.most-stories-box p {
margin: 10px 0;
font-family: Georgia, serif;
}
div.most-stories-box div.left {
width: 49%;
float: left;
display: inline;
}
div.most-stories-box div.right {
width: 49%;
float: right;
display: inline;
}
div.most-stories-box div.right p {
margin: 5px 0 0 10px;
float: left;
width: 60px;
font-size: 77%;
font-family: Verdana, Arial, sans-serif;
display: inline;
}
div.most-stories-box div.right img {
float: left;
display: inline;
}

/* Featured Archived Article */
div.archive-featured {
margin: 10px 0;
padding-bottom: 10px;
border-bottom: 1px dotted #b6b6b6;
}
div.archive-featured img {
float: left;
margin-right: 15px;
display: inline;
}
div.archive-featured h3 {
font-size: 136% !important;
margin: 0;
}
div.archive-featured p {
margin: 10px 0;
}
div.archive-featured p span {
font-size: 85%;
font-family: Verdana, Arial, sans-serif;
margin-left: 5px;
}
div.archive-featured p.dateline {
font-size: 85%;
font-family: Verdana, Arial, sans-serif;
color: #737373;
}

/* Featured Topic Landing Article */
div.topic-featured {
margin: 10px 0 20px 0;
}
div.topic-featured h3 {
font-size: 136% !important;
margin: 0;
}
div.topic-featured p {
margin: 10px 0;
line-height: 130%;
}
div.topic-featured p span {
font-size: 85%;
font-family: Verdana, Arial, sans-serif;
margin-left: 5px;
}
div.topic-featured p.dateline {
font-size: 85%;
font-family: Verdana, Arial, sans-serif;
color: #737373;
}

/* Featured Sub Topics */
div.topic-sub-left {
width: 158px;
float: left;
margin-right: 22px;
display: inline;
}
div.topic-sub-right {
width: 158px;
float: left;
display: inline;
}
div.topic-sub-left p, div.topic-sub-right p {
margin: 0;
line-height: 140%;
color: #696969;
}
div.topic-sub-left h4, div.topic-sub-right h4 {
font-family: Georgia, serif;
font-size: 114%;
font-weight: normal;
margin: 3px 0 0 0;
}

/* Story Form */
div.story-col-form p {
line-height: 180%;
font-family: Georgia, serif;
}
div.story-col-form ul {
font-family: Georgia, serif;
}
div.story-col-form ul li {
list-style-type: none;
background: url(/images/square-bullet.gif) no-repeat 0 10%;
padding-left: 15px;
margin-bottom: 10px;
}
div.story-col-form h1 {
margin: 5px 0;
color: #000;
font-size: 235%;
font-family: Georgia, serif;
font-weight: lighter;
}
div.story-col-form h4 {
margin: 5px 0;
color: #737373;
font-size: 136%;
font-family: Georgia, serif;
font-weight: lighter;
}
div.story-col-form h5 {
margin: 5px 0;
color: #000;
font-size: 136%;
font-family: Georgia, serif;
font-weight: lighter;
}
div.story-col-form h3 {
font-size: 152%;
font-weight: lighter;
font-family: Georgia, serif;
color: #004a80;
}
div.story-col-form h3.black {
font-size: 152%;
font-weight: lighter;
font-family: Georgia, serif;
color: #000;
margin-top:0px;
}
/* Right Col Story Form */
div.right-col-form p {
line-height: 180%;
font-family: Georgia, serif;
}
div.right-col-form ul {
font-family: Georgia, serif;
}
div.right-col-form ul li {
list-style-type: none;
background: url(/images/square-bullet.gif) no-repeat 0 10%;
padding-left: 15px;
margin-bottom: 10px;
}
div.right-col-form h1 {
margin: 5px 0;
color: #000;
font-size: 235%;
font-family: Georgia, serif;
font-weight: lighter;
}
div.right-col-form h4 {
margin: 5px 0;
color: #737373;
font-size: 136%;
font-family: Georgia, serif;
font-weight: lighter;
}
div.right-col-form h5 {
margin: 5px 0;
color: #000;
font-size: 136%;
font-family: Georgia, serif;
font-weight: lighter;
}
div.right-col-form h3 {
font-size: 152%;
font-weight: lighter;
font-family: Georgia, serif;
color: #004a80;
}
div.right-col-form tr td {
line-height: 180%;
font-family: Georgia, serif;
padding-bottom: 10px;
}

div.right-col-form h3.black {
font-size: 152%;
font-weight: lighter;
font-family: Georgia, serif;
color: #000;
margin-top:0px;
}
.form-alert {
color: #FF0000;
font-size: 11px;
}
.form-input1 {
width: 250px;
margin: 0 0 10px 0;
float: left;
}
.form-select1 {
width: 250px;
margin: 0 0 10px 0;
float: left;
}
.form-radio1 {
margin: 10px 0 0 0;
background: none;
}
.form-blueButton {
color: #fff;
font-size: 16px;
background: #00427e;
font-weight: bold;
}

/* Story */
div.story-col p {
line-height: 180%;
font-family: Georgia, serif;
}
div.story-col div.byline-underline {
border-bottom: 1px dotted #b6b6b6;
}
div.story-col div.byline p {
width: 48%;
float: left;
margin: 10px 0;
font-family: Verdana, sans-serif;
font-size: 85%;
display: inline;
}
div.story-col div.image-credit p {
    margin: 10px 0;
    font-family: Verdana, sans-serif;
    font-size: 85%;
    display: inline;
    float: right;

}

div.story-col div.byline-underline p {
width: 60%;
}
div.story-col div.byline-underline p.right {
width: 30%;
}
div.story-col div.byline-underline p.right a {
margin-left: 10px;
}
div.story-col p.print a {
margin-left: 10px;
}
div.story-col div.byline p.right {
text-align: right;
float: right;
display: inline;
}
div.story-col ul {
font-family: Georgia, serif;
}
div.story-col ul li {
list-style-type: none;
background: url(/images/square-bullet.gif) no-repeat 0 10%;
padding-left: 15px;
margin-bottom: 10px;
}

div.story-callout {
float: left;
padding: 10px;
border: 1px solid #c4c4c4;
margin: 10px 20px 10px 0;
}
div.story-callout p {
margin: 5px 0;
}

div.story-col span.story-date {
font-family: Verdana, sans-serif;
font-size: 92%;
color: #868686;
}
div.story-col div.story-photo p {
text-align: right;
border-top: 1px dotted #b6b6b6;
padding-top: 10px;
font-family: Verdana, sans-serif;
font-size: 85%;
}
div.story-col div.story-photo p a {
margin-left: 10px;
}
div.story-col div.story-photo-underline {
border-bottom: 1px dotted #b6b6b6;
padding-bottom: 10px;
}
div.story-col h1 {
margin: 5px 0;
color: #000;
font-size: 235%;
font-family: Georgia, serif;
font-weight: lighter;
}
div.story-col h4 {
margin: 5px 0;
color: #737373;
font-size: 136%;
font-family: Georgia, serif;
font-weight: lighter;
}
div.story-col h5 {
margin: 5px 0;
color: #000;
font-size: 136%;
font-family: Georgia, serif;
font-weight: lighter;
}
div.story-col p.next-page {
font-size: 144%;
margin: 40px 0;
}
div.story-col div.pager-box p {
float: left;
width: 49%;
font-family: Verdana, sans-serif;
font-size: 85%;
border-top: 1px dotted #b7b7b7;
padding-top: 10px;
display: inline;
}
div.story-col div.pager-box p.print-email {
float: left;
width: 48%;
text-align: right;
display: inline;
}
div.story-col div.pager-box p.print-email a {
margin-left: 10px;
}
div.story-col div.paging-box {
border-top: 1px dotted #b7b7b7;
border-bottom: 1px dotted #b7b7b7;
text-align: right;
}

 div.story-pager
 {
  width:100%;
border-top: 1px dotted #666666;
 }
 div.story-pager p
 {
margin:5px;
 }

div.story-col div.paging-box p {
font-family: Verdana, Arial, sans-serif;
font-size: 85%;
margin: 5px 0;
color: #004a80;
}
div.story-col div.paging-box p strong {
color: #000;
}
div.story-col div.paging-box-bottom {
border-bottom: none;
}

div.author-bios {
clear: both;
font-style: italic;
}
div.author-bios p {
margin: 20px 0 5px 0;
font-size: 85%;
line-height: 120% !important;
}
div.author-bios p.more-link {
padding-left: 13px;
background: url(/images/more-articles-arrow.gif) no-repeat 0 50%;
margin: 5px 0 20px 0;
}
div.story-col div.headlines-list {
border-top: 1px dotted #b7b7b7;
}
div.right-col-story div.headlines-list {
border-top: 1px dotted #b7b7b7;
margin-top: 20px;
}
div.story-col h3 {
font-size: 152%;
font-weight: lighter;
font-family: Georgia, serif;
color: #004a80;
}
div.story-col h3.black {
font-size: 152%;
font-weight: lighter;
font-family: Georgia, serif;
color: #000;
margin-top:0px;
}
div.topic-left-col h3 {
font-size: 152%;
font-weight: lighter;
font-family: Georgia, serif;
color: #004a80;
}

div.shadow-box-top {
height: 6px;
width: 352px;
margin-top: 6px;
margin-bottom:0px;
padding-bottom:0px;
background: url(/images/shadow-box-top.gif) no-repeat;
}
div.shadow-box-top h3.link-right {
font-size: 85%;
font-weight: 500;
color: 0066CC;
margin: 0px 0px 0px 5px;
font-family: Georgia, "Times New Roman", Times, serif;
text-transform: none;
}


div.shadow-box-content {
background: url(/images/shadow-box-bkg.gif) repeat-y;
padding: 0px 0px;
margin-top:0px;
font-size: 85%;
}
div.shadow-box-btm {
background: url(/images/shadow-box-btm.gif) no-repeat;
height: 6px;
margin-bottom: 0px;
}
div.shadow-box-content form {
margin: 10px 10px;
}
div.shadow-box-content form input {
vertical-align: middle;
}
div.shadow-box-content p {
margin: 10px 10px;
}
div.shadow-box-content div.col {
float: left;
width: 45%;
margin-left: 10px;
}
div.shadow-box-content a:link, div.shadow-box-content a:visited {
color: #424242;
}
div.shadow-box-content div.col p {
margin: 6px 0;
}
div.shadow-box-content h4 {
font-size: 100%;
margin: 20px 10px 5px 10px;
}

/* author-bio */

div.author-bio ul {
list-style-type: none;
padding:0px;
margin:0px;
}


div.author-bio ul li {
list-style-type: none;
background: url(/images/blue-up-arrow.gif) no-repeat 0 50%;
font-size:16px;
margin:5px;
}

div.btm {
width: 528px;
height: 5px;
}

/* Home */
p.select-edition {
margin-top: 0;
color: #8284a9;
font-size: 92%;
}
div.home-col-right {
margin-top: 35px;
}
div.home-col-right-new {
margin-top: 0px;
}

/* Edition Box */
div.edition-box {
width: 549px;
height: 368px;
font-family: Georgia, serif;
}
div.edition-box div.left {
width: 178px;
height: 368px;
float: left;
margin: 0;
}
div.edition-box div.right {
width: 371px;
height: 368px;
float: left;
background: url(/images/home-right-panel.gif) no-repeat;
margin: 0;
}
div.edition-box div.right div.top {
margin: 15px 10px 5px 10px;
}
div.edition-box div.right div.top img {
float: left;
margin-right: 10px;
display: inline;
}
div.edition-box div.right div.top p {
margin: 5px 0;
line-height: 140%;
}
div.edition-box div.right div.mid p {
border-top: 1px dotted #575757;
border-bottom: 1px dotted #575757;
margin: 15px 15px 15px 10px;
padding: 10px 0;
}
div.edition-box div.right div.btm ul {
width: 165px;
float: left;
margin-left: 10px;
margin-top: 5px;
display: inline;
}
div.edition-box div.right div.btm ul li {
background: url(/images/blue-up-arrow.gif) no-repeat 0 50%;
margin-left: 0;
margin-bottom: 5px;
}
div.edition-box div.right div.btm ul li a:link, div.edition-box div.right div.btm ul li a:visited {
color: #000;
font-weight: bold;
font-family: Verdana, Arial, sans-serif;
}

div.edition-box div.right h2 {
font-weight: normal;
margin: 0 0 5px 0;
}

/* Edition Box 2 for the new homepage */
div.edition-box-2 {
width: 549px;
height: 368px;
font-family: Georgia, serif;
}
div.edition-box-2 div.left {
width: 178px;
height: 368px;
float: left;
margin: 0;
}
div.edition-box-2 div.right {
width: 371px;
height: 368px;
float: left;
background: url(/images/home-right-panel-2.gif) no-repeat;
margin: 0;
}
div.edition-box-2 div.right div.top {
margin: 3px 10px 0px 10px;
}
div.edition-box-2 div.right div.topimage {
margin: 8px 10px 0px 10px;
}
div.edition-box-2 div.right div.top h3.edition{
margin: 0px 0px 5px 0px;
}
div.edition-box-2 div.right div.top img {
float: left;
margin-right: 10px;
display: inline;
}
div.edition-box-2 div.right div.top p {
margin: 5px 0;
line-height: 140%;
}
div.edition-box-2 div.right div.mid p.head {
color: #663366;  /*old #cc0000 dbw-11/6 */
border-top: 1px dotted #575757;
border-bottom: 1px dotted #575757;
line-height: 140%;
margin: 3px 15px 3px 10px;
padding: 1px 0;
}
div.edition-box-2 div.right div.btm ul {
width: 165px;
float: left;
margin-left: 10px;
margin-top: 2px;
display: inline;
}
div.edition-box-2 div.right div.btm ul li {
background: url(/images/blue-up-arrow2.gif) no-repeat 0 50%;
margin-left: 0;
margin-bottom: 1px;
}
div.edition-box-2 div.right div.btm ul li a:link, div.edition-box-2 div.right div.btm ul li a:visited {
color: #000;
font-weight: bold;
font-family: Verdana, Arial, sans-serif;
}

div.edition-box-2 div.right h2 {
font-weight: normal;
margin: 0 0 5px 0;
}

/* Twitter Section */

div.twitter_div {
font-family: Georgia, serif;
margin: 0 0 20px 0;
}

ul#twitter_update_list { 
padding: 0; 
margin: 20px 0 0 0; 
overflow: hidden; 
}
 
ul#twitter_update_list li { 
margin: 0 0 10px 0; 
list-style: none; 
}
 
div.twitter_div p.twit {
float: right;
margin: 5px 0;
}

p.twit a:link, p.twit a:visited {
color: #4b4b4b !important;
text-decoration: none;
}

div.twitter_div h2 {
float: left;
margin: 5px 0;
font-size: 136%;
font-weight: normal;
text-transform: uppercase;
color: #000;
}

div.twitter_div div.twitter-header {
border-bottom: 1px dotted #575757;
}


/* Subscribe Page */
h2.subscribe {
font-size: 136%;
font-weight: normal;
color: #000;
font-family: Georgia, serif;
margin: 0 0 10px 20px;
}
div#shaded-col-wide {
width: 686px;
background: url(/images/shaded-col-wide.gif) no-repeat;
padding: 10px 20px 0 20px;
}

/* Search Results */
div#shaded-col-thin {
width: 498px;
background: url(/images/shaded-col-thin.gif) no-repeat;
padding: 10px 20px 0 20px;
}
p.search-results-number {
font-size: 85%;
font-family: Verdana, Arial, sans-serif !important;
margin-top: 0;
margin-bottom: 15px;
}
div.search-result-row {
border-top: 1px dotted #575757;
margin: 10px 0;
padding: 10px 0 0 0;
}
div.search-result-row p {
margin: 5px 0;
font-family: Verdana, Arial, sans-serif;
font-size: 92%;
line-height: 140%;
}
div.search-result-row p.date {
color: #000;
}
div.search-result-row h2 {
margin: 0;
font-family: Georgia, serif;
font-weight: normal;
font-size: 136%;
}
div.right-col-thin div.ad-box {
margin-top: 0;
}
div.right-col-thin div.text-ad-box {
margin-top: 0;
}

/* SideBox Column */
div.sidebox-col {
width: 168px;
float: left;
margin-left: 20px;
display: inline;
}
div.sidebox-top {
width: 166px;
height: 8px;
background: url(/images/sidebox-top.gif) no-repeat;
overflow: hidden;
}
div.sidebox-mid {
width: 166px;
background: url(/images/sidebox-mid.gif) repeat-y;
padding: 1px 0;
font-size: 85%;
}
div.sidebox-mid ul {
list-style-type: none;
margin: 10px;
}
div.sidebox-mid ul li {
margin-left: 0;
margin-bottom: 5px;
}
div.sidebox-mid form {
margin: 0 10px 0 10px;
}
div.sidebox-mid form p {
margin: 5px 0;
}
div.sidebox-mid form input {
vertical-align:middle;
}
div.sidebox-mid input.txt, div.sidebox-mid select.select {
width: 135px;
margin-bottom: 5px;
}
div.sidebox-mid input.btn {
margin-bottom: 20px;
}
div.sidebox-mid p, div.sidebox-mid img {
margin: 5px 10px;
}
div.sidebox-mid div.hr {
height: 1px;
overflow: hidden;
border-top: 1px dotted #575757;
margin: 10px;
}
div.sidebox-mid ul li.active a:link, div.sidebox-mid ul li.active a:visited {
color: #949494;
}
div.sidebox-btm {
width: 166px;
height: 8px;
background: url(/images/sidebox-btm.gif) no-repeat;
}

/* Buyers Guide Detail */
p.breadcrumb {
margin: 0 0 10px 25px;
font-family: Georgia, serif;
color: #8587ac;
}
p.breadcrumb a {
margin: 0 5px;
}
p.breadcrumb a:link, p.breadcrumb a:visited {
color: #8587ac;
}
div.full-col-product {
background: url(/images/product-overview.gif) no-repeat top center;
padding-top: 18px;
width: 909px;
margin-left: 26px;
}
div.full-col-company {
background: url(/images/company-profile.gif) no-repeat top center;
padding-top: 18px;
width: 909px;
margin-left: 26px;
}
p.print-email {
float: right;
text-align: right;
width: 50%;
margin: 0 25px 0 0;
font-size: 85%;
}
p.print-email a {
margin-left: 10px;
}
div.buyers-left-col {
width: 150px;
float: left;
margin-left: 18px;
margin-right: 15px;
margin-top: 30px;
display: inline;
}
div.buyers-right-col {
width: 700px;
float: left;
margin-top: 10px;
display: inline;
}


div.Print div.buyers-right-col {
width: 350px;
float: left;
margin-top: 10px;
display: inline;
}



div.buyers-right-col h1 {
font-size: 159%;
font-weight: normal;
font-family: Georgia, serif;
margin: 0 20px 10px 0;
padding-bottom: 10px;
border-bottom: 1px dotted #575757;
}
div.buyers-right-col h2 {
font-size: 114%;
color: #000;
font-weight: bold;
font-family: Georgia, serif;
margin: 20px 0 5px 0;
}
div.buyers-right-col div.hr {
height: 1px;
overflow: hidden;
border-top: 1px dotted #575757;
margin: 20px 20px 20px 0;
}
div.buyers-description p {
font-family: Georgia, serif;
line-height: 140%;
margin: 10px 0;
}
img.buyers-hd {
margin: 10px 0;
}
div.contact-info {
margin-bottom: 15px;
}
div.contact-info div.left {
width: 49%;
float: left;
display: inline;
}
div.contact-info div.right {
width: 49%;
float: left;
display: inline;
}
div.contact-row p {
float: left;
margin: 2px 0;
}
div.contact-row p.label {
display: block;
width: 140px;
float: left;
}
div.contact-row {
clear: left;
font-size: 85%;
margin-bottom: 3px;
}
div.buyers-pics img {
margin-right: 20px;
}

div.products-info-box {
margin: 5px 0;
}
div.products-info-box h2 {
font-weight: normal;
margin: 0;
}
div.products-info-box h3 {
font-weight: bold;
margin: 0;
font-size: 85%;
}
div.products-info-box div.left {
float: left;
width: 91px;
margin-right: 15px;
display: inline;
}
div.products-info-box div.right {
float: left;
width: 388px;
display: inline;
}
div.products-info-box div.right p {
margin: 5px 0;
font-family: Georgia, serif;
}
ul.buyers-list {
margin-top: 5px;
}
ul.buyers-list li {
background: url(/images/purple-up-arrow.gif) no-repeat 0 50%;
list-style-type: none;
padding-left: 20px;
margin-left: 0;
margin-bottom: 5px;
font-family: Georgia, serif;
}

div.buyers-listing-col {
width: 730px;
float: left;
margin-left: 30px;
margin-right: 10px;
padding-bottom: 40px;
display: inline;
}
div.buyers-listing-col h1 {
font-weight: normal;
color: #000;
font-size: 136%;
font-family: Georgia, serif;
margin: 0;
}
div.buyers-listing-col p.subhead {
margin: 3px 0;
color: #000;
font-family: Georgia, serif;
}

div.buyers-cat-box-top {
width: 723px;
height: 9px;
background: url(/images/buyers-cat-box-top.gif) no-repeat;
overflow: hidden;
}
div.buyers-cat-box-mid {
background: url(/images/buyers-cat-box-mid.gif) repeat-y;
width: 723px;
padding: 1px 0;
}
div.buyers-cat-box-mid ul {
margin: 10px 0;
float: left;
width: 24%;
font-size: 85%;
list-style-type: none;
}
div.buyers-cat-box-mid ul li {
margin: 5px 10px 5px 15px;
}
div.buyers-cat-box-mid div.select-hd {
width: 706px;
height: 23px;
background: url(/images/buyers-cat-box-hd.gif) no-repeat;
margin: 5px 0 0 10px;
}
div.buyers-cat-box-mid div.select-hd select {
margin-left: 5px;
}
div.buyers-cat-box-btm {
background: url(/images/buyers-cat-box-btm.gif) repeat-y;
width: 723px;
height: 9px;
overflow: hidden;
}
img.buyers-hd-left {
float: left;
margin-top: 25px;
display: inline;
}
p.buyers-listing-pager {
width: 50%;
float: right;
display: inline;
margin: 25px 10px 0 0;
font-size: 85%;
text-align: right;
}
p.buyers-listing-pager a:link, p.buyers-listing-pager a:visited {
color: #424242;
}
p.premier-sponsors-hd {
font-family: Georgia, serif;
color: #8587ac;
margin: 6px 0 10px 6px;

}

/* issue archive */

div.issue-archive {
margin: 10px 0;
font-family: verdana, serif;
}
div.issue-archive h2 {
font-size: 16%;
text-transform: uppercase;
font-weight: lighter;
border-bottom: 1px dotted #575757;
padding-bottom: 10px;
color: #000;
}
div.issue-archive h3 {
font-size: 122%;
text-transform: uppercase;
font-weight: lighter;
font-family: Georgia, serif;
border-top: 1px dotted #575757;
padding-top: 10px;
color: #000;
}
div.issue-archive h4 {
font-size: 126%;
font-weight: lighter;
margin: 0 0 5px 0;
}
div.issue-archive p {
margin: 0 0 4px 0;
line-height: 130%;
font-size:90%;
color: #737373;
}
div.issue-archive p.month {
font-family: Verdana, Arial, sans-serif;
font-size: 75%;
color: #737373;
}
div.issue-archive p span {
font-family: Verdana, sans-serif;
font-size: 110%;
text-transform: uppercase;
color: #a57c52;
}
div.issue-archive div.row {
margin-bottom: 20px;
}
div.issue-archive div.row img {
float: left;
margin: 0 10px 5px 0;
border: 1px solid #c3c3c3;
}

/* Pulldown Menus */

div.pull-down {

background-color:#a7ace6;
position:absolute;
width:200px;

border-color:#686ba6;
border-width: 0px 1px 1px 1px;
visibility:hidden; 
text-align:left;
}

div.pull-down ul {

margin:0px;
padding:0px;

}

div.pull-down li {
line-height:27px;
list-style:none;
margin:0px;
padding:0px;
width:200px;

}

div.pull-down li a {

height: 27px;
display: block;
padding: 0 13px 0 13px;
text-decoration:none;
font-size: 77%;
text-transform: uppercase;
font-weight: bold;
color:#FFFFFF ;


}
div.pull-down li a:hover {

background: url(/images/nav-rollover-pd.gif) repeat-x;
}


/* page title */

div.pagetitle{
margin:0px 0px 5px 20px;
padding:0px;
}


/* Buyers Listings */
div.listing-highlight div {
background: url(/images/buyers-highlight-bkg2.gif);
}
div.company-listing-highlight div {
background: url(/images/buyers-highlight-bkg2.gif);
}
div.buyers-listing-row {
border-bottom: 1px dotted #575757;
}
div.buyers-listing-row div {
padding: 5px 0;
margin: 5px 0;
}
div.buyers-listing-row div.left {
width: 102px;
float: left;
margin-right: 10px;
text-align: center;
display: inline;
}
div.buyers-listing-row h2 {
font-size: 136%;
font-family: Georgia, serif;
font-weight: normal;
margin: 0;
}
div.buyers-listing-row div.mid {
float: left;
width: 500px;
display: inline;
}
div.buyers-listing-row div.mid p {
margin: 5px 0;
font-size: 92%;
color: #777;
}
div.buyers-listing-row div.right p {
margin: 0 10px 0 0;
font-size: 85%;
text-align: right;
color: #8e8e8e;
}
div.buyers-highlight-rows {
border: 4px solid #8183a7;
background: url(/images/buyers-highlight-bkg.gif);
}
div.no-btm-border {
border-bottom: none !important;
}
/* @end */

/* @group Nav */
ul#nav {
height: 27px;
margin: 0;
background: url(/images/nav-bkg.gif) no-repeat;
font-size: 77%;
text-transform: uppercase;
font-weight: bold;
}
ul#nav li {
float: left;
margin: 0;
padding: 0 2px 0 0;
list-style-type: none;
background: url(/images/nav-divider.gif) no-repeat top right;
line-height: 27px;
display: inline;
}
ul#nav li a {
height: 27px;
display: block;
float: left;
padding: 0 13px 0 13px;
}
ul#nav li a:link, ul#nav li a:visited {
color: #fff;
}
ul#nav li a:hover {
background: url(/images/nav-rollover.gif) repeat-x;
text-decoration: none;
}
ul#nav li a.selected {
background: url(/images/nav-rollover.gif) repeat-x;
}

div.dotted-top
{

border-top: 1px dotted #666666;
padding-top: 15px;
margin-top: 15px;

}

p.current-issue-subhead {

font-family:Verdana;
font-size:85%;
margin-bottom:0px;
margin-top:0px;
}


/* forms */

form.imbforms
{
width:500px;

}
form.imbforms p.instructions
{
font-family:Georgia;
font-size:85%;

}


form.ibmform div
{

margin: 10px 0px 7px 0px;
}

form.ibmform div.dot
{
border-top:1px dotted #666666;

margin-top:20px;
padding-top:15px;
}


form.ibmform label
{

font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:85%;
vertical-align:middle;


}
form.ibmform input
{
margin-top:5px;
width:200px;

}

form.ibmform input.submit
{
margin-top:5px;
width:100px;

}

form.ibmform input.radioi
{
margin-top:5px;
width:20px;
vertical-align:middle;

}
form.ibmform label.radioi
{
font-size:100%;

}
form.ibmform input.checki
{
margin-top:5px;
width:20px;
vertical-align:middle;

}
form.ibmform label.checki
{
font-size:100%;

}
form.ibmform select
{
margin-top:5px;
width:200px;

}
form.ibmform textarea
{
margin-top:5px;
width:200px;
height:30px;

}
form.ibmform p.grouplabel
{

font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:85%;
margin-bottom:0px;

}


/* feature box */
div.feature-box
{
width:542px;
height:361px; 
background-color:#000;
overflow:hidden;
display:none;
}

div.feature-box-option-selected
{
float:right;
width:172px;
height:181px;
background: url() no-repeat;
overflow:hidden; 
}
div.feature-box-option
{
float:right;
width:172px;
height:59px;
background-color:#6c697c;
overflow:hidden;
}

div.feature-box-option a
{
color:#FFFFFF;
}
div.feature-box-option a:visited
{
color:#FFFFFF;
}
 

div.bottom-bdr
{
border-bottom: 1px solid #5d5a6b;
}
div.top-bdr
{
border-top: 1px solid #918e9f;
}

div.feature-box img
{
float:left;

}
div.feature-box h2
{
margin: 10px;
color:#FFFFFF; 
font-family:Georgia,serif;
font-weight:lighter;
font-size:130%;

}

div.feature-box-option h2
{
font-size:130%;

}
div.feature-box p
{
margin: 10px;
color:#999999; 
font-family:Georgia,serif;
font-weight:lighter;
font-size:85%;

}

div.feature-box-option-selected img
{
margin-left:10px; 
}

/* @end */

/* @group Headings */
div.announcements-box h4 {
font-size: 85%;
font-weight: normal;
margin: 5px 0 2px 0;
color: #737373;
}
div.announcements-box h3 {
font-family: Georgia, serif;
font-weight: normal;
font-size: 100%;
margin: 3px 0 20px 0;
}
/* @end */

/* @group Text Styles */
blockquote.story {
font-size: 152%;
font-family: Georgia, serif;
color: #8486ab;
line-height: 150%;
}
.italic {
font-style: italic;
}
p.text-link {
font-family: Verdana, Arial, sans-serif !important;
font-size: 92%;
}

span.lower
{
text-transform:lowercase;
}

img.sponsor-ad
{
margin: 5px 0px 0px 0px;
}

p.sponsor-ad
{
font-size:11px;
font-family:Arial;
margin:0px;
}

/* @end */

/* @group Lists */

/* @end */

/* @group Forms */

/* @end */

/* @group Links - link visited hover active */
a:link, a:visited{
color: #004a80;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
/* @end */

/* @group Misc */
.clear {
clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */



div.popup {
width: 542px;
float: left;
margin-left: 16px;
display: inline;

}

div#bodyPopup {
background: url(/images/body-bkg-popup.gif) repeat-y;
padding-top: 20px;
}

table.codeSampleheader {
width: 600px;
font-size:12px;

}

table.codeSampleheader a.white {
color:#FFFFFF;

}

table.codeSample {
width: 600px;
font-size:12px;
line-height:18px;
}

/* Begin: video-box */

div.video_content {
    background: url(/images/media-box-bkg.gif) repeat-y;
}

div.box-on
{

display:block;
}

div.box-off
{

display:none;
}

.foot {
width: 352px; 
height:11px;
background: url(/images/media-box-ft-bkg.gif);
margin-left: auto;
margin-right: auto;

}



.video-box {
width: 352px; 
background: url() repeat-x;
margin-left: auto;
margin-right: auto;

}

.video_nav { 
height: 34px; 
margin-left: auto;
margin-right: auto;
background: url(/images/media-box-hd-bkg.gif);
} 

.video_nav a { 
float: left; 
height: 30px; 
margin: 0 0 0 6px; 
padding: 12px 10px 0; 
color: black !important; 
font: bold 85% arial; 
line-height: 10px!important;
 
} 

.video_nav a:hover { 
color: #000000 !important; 
text-decoration: none; 

}
.video_nav a.active {
color: #000000 !important; 
text-decoration: none; 
background-color: white; 
height:22px;
margin: 0 0 0 6px; 
padding: 11px 10px 0;
border: 1px solid #cccccc;
}



div.video-box div.video-box-item {
    margin: 0 0 0 15px;
    padding: 25px 10px 0 0;  
}

.video-box-item p {
font: normal 85% georgia;
margin: 0 15px 0 35px;
} 

.video-box-item p, .video-box-item a {
line-height: 140%!important;
} 
    
div.video-box div.video-box-item img {
float: left;
margin: 0 10px 0 0;
}
/* End: video-box */

/* Vendor Marketplace Page */
div.vendor_body{
  width: 722px;
  float: left;
  margin-right: 20px;
  margin-top: 0;
  margin-left: 20px;
  display: inline;
}
div.vendor_top{
  width: 720px;
  background: url(/images/vendor-top-bkg.jpg);
}
div.vendor_top h2 {
  margin: 0 0 5px 5px;
  color: #ffffff;
}
div.vendor_top p {
  margin: 0 0 5px 5px;
  color: #ffffff;
}
div.vendor_left_col {
  width: 344px;
  float: left;
  margin-left: 5px;
  margin-right: 20px;
  display: inline;
}
div.vendor_mid_col {
  float: left;
  width: 340px;
  display: inline;
}
div.vendor_right_ad {
  width: 172px;
  float: left;;
  display: inline;
}
div.vendor_ad_box {
background-color: #e6e6e6;
text-align: center;
padding: 1px 0 5px 0;
}
div.vendor_ad_box h2 {
font-size: 77%;
color: #8b8b8b;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: lighter;
margin: 1px 0;
}
div.vendor_ad_box img {
border: 1px solid #fff;
}
div.vendor-story-summaries {
margin: 10px 0 0 0;
font-family: Georgia, serif;
}
div.vendor-story-summaries div.vendor-row {
margin-bottom: 20px;
}
div.vendor-story-summaries div.vendor-row img {
float: left;
margin: 0 10px 5px 0;
border: 1px solid #c3c3c3;
}
div.vendor-story-summaries h4 {
font-size: 120%;
font-weight: lighter;
margin: 0;
}
div.vendor-story-summaries h2 {
font-size: 130%;
text-transform: uppercase;
font-weight: lighter;
border-bottom: 1px dotted #575757;
margin: 0 0 5px 0;
color: #000;
}
div.vendor-story-summaries p {
margin: 0 0 5px 0;
color: #737373;
}