@charset "UTF-8";
/** Strategic Business Insights
 **
 ** September 09, 2008 04:26:21 PM
 ** Project6 Design, Inc.
 ** Osman Gormus <osman@project6.com>
 **
 ** global.css v1.0
***/

/******* NOTE TO KJP -- this may be useful: tr {page-break-inside: avoid;} *******/
html,body {
  margin: 0;
  padding: 0;
  background-color: #FFF;
  color: #5C5C5C;
}
html { height: 100.2%; }
body { font: 75%/1.8 Verdana,Geneva,Arial,Helvetica,sans-serif; background-color:#f3f3f3;border:1px solid #f3f3f3; padding:10px; }

table{border-collapse:collapse;border-spacing:0;margin-bottom:1em}
th,td{margin:0;padding:.5em;border:1px solid #5C5C5C}
th{text-align:left;font-style:normal;font-weight:bold}
tr {page-break-inside: avoid;}
h1,h2,h3,h4,h5,h6 {
  /* margin based on font size */
  margin: 1em 0 0;
  padding: 0;
   /* color: #990000;*/
}
h1 { /* 20px */
  font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
  line-height: 1.2;
  margin: 0 0 1em;
  font-size: 180%;   /* 170%; 166.6%  */
  font-weight: normal;
  color: #990000;
}
h2 {
  /*15px*/           /*  16px = font-size: 133.35%;  */
  font-size: 134%;   /* 125% - 15px */
  margin-bottom: 0.5em;
}
h3 {
  /*14px*/
  font-size: 126%;   /* 116.7% - 14px */
}
h4 {
  /*13px*/
  font-size: 110%;   /* 108.4% - 13px */
}
/* h4 small {    Scan Monthly: SoC #s (listed above SoC summary text)
  line-height: 1;
  display: block;
  color: #5C5C5C; 
  font-weight: normal;
} */
h5 {
  font-size: 106%;   /* 100% */
  margin-left: 2.5em;
}
h6 {
  font-size: 98%;
  margin-left: 2.5em;
  font-style: italic;
}
p {
  margin-top: 0;
}
abbr, acronym {
  /*indicating to users that more info is available */
  border-bottom:1px dotted #000;
  cursor:help;
}
strong, b { font-weight: bold; }
em, cite, dfn, i, .bio { font-style:italic; }
u { text-decoration: underline; }
pre, tt, code, kbd { font-family: Courier,"Courier New",monospace; font-size: 1em; padding-left: 3px; padding-right: 3px; }
samp { 
  font-family: "Courier New",Courier,monospace;
  font-size: 1em;
  background-color: #f5f5f5;
  margin-left: 3em; 
}
kbd { padding: 0 0.3em; }
sup, sub { font-size: 0.83em; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
s, strike, del { text-decoration: line-through; }
img {
  border: 0 none;
}
img.border {
  border: 1px solid #000;
}
img.content-rel {
  border: 1px solid #5c5c5c;
}
img.content-main {
  padding: 10px;
  margin: 2em 0;
  border: 1px solid #5c5c5c;
}
.interestA {  /*  interest callout divs (mostly imgs) in text, e.g., /about/perspectives.shtml   */
  float: right;
  margin: 1em 0 1em 1em;
}
.interestB {  /*  interest callout divs (mostly imgs) in text, e.g., /vals/store/USconsumers/order.shtml   */
  float: left;
  margin: 1em 1em 1em 0;
}
.interestC {   /* interest items not floated (often images that link to larger versions because the image is too small to be readable within our normal column width), e.g., /vals/clients/trends/...  */
  margin: 1.5em 1em 2em 0;
  text-decoration:none !important;
}
.interestA img, .interestB img, .interestC img { margin: 0; }

.interestC a { text-decoration:none !important; }
  
img.popimg {  /* if click to see larger, change cursor to "this is clickable" */
  cursor: pointer;
}
.img-caption {  /* mostly "See larger" text under interest images */
  font-style: italic;
  color: #7e7e7e;
  font-size: 0.8em;
  display: block;
  cursor: pointer;
}
.img-caption:before {  /* add a plus sign before "See larger" text in img captions */
  content: "\00A0 + ";
  font-style: italic;
}


.imgtitle {
  font-weight: bold;
  font-size:108.4%;  /* same as h4 */
  margin: 2em 0 0 0;
  text-align: center;
  text-decoration: underline;
}
.drop_shadow {
  -moz-box-shadow: 3px 3px 5px #999;
  -webkit-box-shadow: 3px 3px 5px #999;
  box-shadow: 3px 3px 5px #999;
}

/* image maps on Scan Synopses (beginning July 2013) */
img.img_map {padding:0 !important; margin:0 !important; border:0 !important; }
div.img_map_border { padding:10px; border:1px solid #5c5c5c; margin:2em 0;}


.featured { float: right; margin: 0 0 0.75em 0.75em;}  /* what is this used on?? */

.featuredcont_decor { float:right; margin: 4px 5px 5px 20px; } /* small decorative interest image (stock photo) on Featured Content articles */
.featuredcont_decor img { padding:0;margin:0;border:1px solid #555;opacity:0.8; } /* small decorative interest image (stock photo) on Featured Content articles */

.featuredcont_decor+p:first-letter { color:#184470; float:left; font-family:Georgia; font-size:73px; line-height:55px; padding:4px 4px 1px 3px; }



.company-logo {
  padding: 15px 0 14px 12px;
}


div.photo-series img {
  border: 1px solid #000;
  margin: 0 0 5em 0;
}


fieldset {
  border: 1px solid #B6B6B0;
  background-color: #F5F5F5;
  margin: 1em 0;
}
ul, li {list-style: none none; }   /* this included OL, too, originally */
ol, ol li { list-style-type: decimal; }
ol.decimal, ol.decimal li { list-style-type: decimal; }
ol.upper-roman, ol.upper-roman li { list-style-type: upper-roman; }
ol.upper-latin, ol.upper-latin li { list-style-type: upper-latin; }



a:link {    /* kjp: this was just a  (not a:link)  */
  color: #004790;  /*  #0368AE;  00468d*/
  text-decoration: underline;
}
a:visited {  /* added by KJP */
  color: #5193de;
}
a:hover {
  text-decoration: none;
}
.hide { display: none; }
.clear{ height: 0; width: 100%; display: block; clear: both; font-size: 0; }
.clearboth { clear: both; } /* kjp */

/* .smallText { font-size: 11px; }    removed by KJP */
.smallText { font-size: 0.9em; }

/** BEGIN: Markup free clearing (Details: http://www.positioniseverything.net/easyclearing.html) ***/
.clear-block:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear-block { display: inline-block; }
/* Hides from IE-mac \*/
* html .clear-block { height: 1%; }
.clear-block { display: block; }
/* End hide from IE-mac */
/* ===================== END: Main section ===================== */



a:link span.img-caption {  text-decoration:none !important; }



h1.headline {

}
a.more { background: transparent url(/theme/images/more.gif) no-repeat 100% 70% !important; padding-right: 7px !important; }
.more { background: transparent url(/theme/images/more.gif) no-repeat 100% 70% !important; padding-right: 7px !important; }

/* added by kjp */
a.next {
  background: transparent url(/theme/images/more.gif) no-repeat 100% 60%; 
  padding-right: 7px;   
}
a.prev {
  background: transparent url(/theme/images/prev.gif) no-repeat 0% 60%; 
  padding-left: 7px;   
}

a.sep-visible, span.sep-visible {
  background: transparent url(/theme/images/bg_separator.gif) no-repeat 100% 50%;
  padding-right: 29px;
}
a.sep-hidden {
  padding-right: 20px;
}

a.button {
  background-color: #821616;
  border: 2px outset #821616;
  color: #FFFFFF;
  font-size: 10px;
  padding: 0.35em 0.5em;
  text-decoration: none;
}
a.button:hover { /*border-style: ridge;*/ }
a.button:focus, a.button:active { /*border-style: inset;*/ }


/* kjp removed
a.pdf {
  padding: 4px 0 4px 25px;
  background: transparent url(../images/icon_pdf.png) no-repeat 0 50%;
}
a.pdf-secure {
  padding: 4px 0 4px 31px;
  background: transparent url(../images/icon_pdf_secure.png) no-repeat 0 50%;
}
a.secure {
  padding: 4px 0 4px 20px;
  background: transparent url(../images/icon_key_small.png) no-repeat 0 50%;
  color: #ae8703;
}
*/
/* kjp added below: */

a.secure {
  background: transparent url(/theme/images/more.gif) no-repeat 100% 60%; 
  padding-right: 7px !important; }
/* a.secure {
  zoom: 1;
  padding: 1px 20px 0 0 !important; 
  background: transparent url(/theme/images/icons/secure.gif) no-repeat 100% 50% !important; } */

a.pdf, a.pdf-secure {
  padding: 4px 22px 4px 0 !important;
  background: transparent url(/theme/images/icons/pdf.gif) no-repeat 100% 50% !important; }
/* a.pdf-secure {
  padding: 4px 22px 4px 0 !important;
  background: transparent url(/theme/images/icons/pdf-secure.gif) no-repeat 99% 50% !important; } */

a.ppt, a.ppt-secure {
  padding: 4px 20px 4px 0 !important;
  background: transparent url(/theme/images/icons/ppt.gif) no-repeat 100% 50% !important; }
/* a.ppt-secure {
  padding: 4px 20px 4px 0 !important;
  background: transparent url(/theme/images/icons/ppt-secure.gif) no-repeat 100% 50% !important; } */

a.doc, a.doc-secure {
  padding: 4px 20px 4px 0 !important;
  background: transparent url(/theme/images/icons/doc.gif) no-repeat 100% 50% !important; }
/* a.doc-secure {
  padding: 4px 20px 4px 0 !important;
  background: transparent url(/theme/images/icons/doc-secure.gif) no-repeat 100% 50% !important; } */

a.xls, a.xls-secure {
  padding: 4px 20px 4px 0 !important;
  background: transparent url(/theme/images/icons/xls.gif) no-repeat 100% 50% !important; }
/* a.xls-secure {
  padding: 4px 20px 4px 0 !important;
  background: transparent url(/theme/images/icons/xls-secure.gif) no-repeat 100% 50% !important; } */

a.zip, a.zip-secure {
  padding: 4px 20px 4px 0 !important;
  background: transparent url(/theme/images/icons/zip.gif) no-repeat 100% 50% !important; }
/* a.zip-secure {
  padding: 4px 20px 4px 0 !important;
  background: transparent url(/theme/images/icons/zip-secure.gif) no-repeat 100% 50% !important; } */

a.none {
  padding: 0 !important;
  background-image: none !important; }

a.anchor {
  background: transparent url(/theme/images/down-arrow.gif) no-repeat 100% 60%; 
  padding-right: 10px;   
}


ul.aligned {
  padding-left: 0;
  margin-left: 0;
}
ul.aligned li ul {
  padding-left: 40px;
}



/* ===================== BEGIN: Layout ===================== */
div#ui {
  width: 1000px;
  margin: 0px auto;
  border:1px solid #ccc;
  -webkit-box-shadow: 0px 5px 12px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 5px 12px rgba(0,0,0,0.5);
  box-shadow: 0px 5px 12px rgba(0,0,0,0.5);
}
div#ui-bg1 { background-color: #E5E5E5; }
div#ui-bg2 { background: transparent url(/theme/images/bg_sidebar_bottom.gif) no-repeat 0 100%; padding: 20px 0; }
div#ui-bg3 { background: transparent url(/theme/images/bg_whitebody.gif) repeat-y 0 0; min-height: 500px; height: auto; }
* html div#ui-bg3 { height: 500px; }

div#ui-header {  }
div#ui-body-wrapper{ float: right; width: 100%; margin-left: -195px; }
div#ui-body{ margin-left: 195px; }
div#ui-sidebar{ float: left; width: 195px; clear: left; }
div#ui-footer{ clear: both; width: 100%; background-color:#fff; }

div#ui-header .ui-content { background-color:#fff; }
div#ui-body .ui-content {  }
div#ui-body .ui-content .OneColLayout {  }
div#ui-body .ui-content .OneColLayout .OneColLayoutContent {padding:25px}
div#ui-sidebar .ui-content {  }
div#ui-footer .ui-content {
  color: #868686;  /**  #B6B6B0; **/
  font-size: smaller;
  padding: 1em 19px 1em 19px;
}
div#ui-footer .ui-content a { color: #868686; }  /**  #B6B6B0; **/
div#ui-footer .ui-content .ui-footer-content-left { float: left; width: 80%; }
div#ui-footer .ui-content .ui-footer-content-right { float: right; width: 19%; text-align: right; }
div#ui-footer .ui-content .ui-footer-content-right a { float: right; text-decoration:none; line-height:1; }
div#ui-footer .ui-content .ui-footer-content-right a img { padding:0; margin:0;}
.underline {text-decoration: underline;}
/* ===================== END: Layout ===================== */


/* ===================== BEGIN: Header ===================== */
div#ui-header {
  position: relative;
}
div#ui-header h1 {
  margin: 0;
  padding: 0;
}
div#ui-header div#ui-search {
  position: absolute;
  right: 0;
  top: 45px;
  width: 400px;
}
div#ui-header div#ui-search a.secondary-nav {
  color: #6B6B6B;
  float: left;
  font-size: 10px;
  text-decoration: none;
  text-transform: uppercase;
}
div#ui-header div#ui-search a.secondary-nav:hover {
  text-decoration: underline;
}
div#ui-header div#ui-search .separator {
  background: transparent url(../images/bg_separator.gif) no-repeat scroll 50% 50%;
  display: block;
  float: left;
  height: 1.5em;
  width: 29px;
}


div#ui-header fieldset {
  background-color:transparent;
  border: 0 none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 19px;
  text-align: right;
  top: 0;
  width: 125px;
  z-index: 100;
}
div#ui-header fieldset .searchText {
  background-color:#FFFFFF;
  border: 1px solid #C3C3C3;
  color: #6B6B6B;
  font-size: 11px;
  left: 0;
  line-height: 1em !important;
  padding: 3px 0 2px 5px;
  position: absolute;
  top: 0;
  width: 118px;
  z-index: 101;
}
div#ui-header fieldset .searchButton {
  background: transparent url(../images/bg_searchButton.gif) no-repeat scroll 0 50%;
  border: 0 none;
  cursor: pointer;
  font-size: 0;
  height: 16px;
  left: 103px;
  margin: 0;
  outline: 0 none;
  padding: 0;
  position: absolute;
  text-indent: -99999px;
  top: 2px;
  width: 18px;
  z-index: 102;
}

div#ui-header fieldset a {
  color: #A7A7A0;
  text-decoration: none;
}
div#ui-header fieldset a:hover {
  text-decoration: underline;
}
/* ===================== END: Header ===================== */



/* ===================== BEGIN: Sidebar Navigation ===================== */
#sidebar-navigation {
  width: 195px;
  background: transparent url(../images/bg_sidebar_top.gif) no-repeat 100% 0;
}

#sidebar-navigation ul {
  margin:0;
  padding: 0;
  list-style: none none;
  display: block;
  width: 195px;
}
#sidebar-navigation li {
  margin:0;
  padding: 0;
  list-style: none none;
  display: block;
  width: 195px;
}
#sidebar-navigation li ul {
  display: none;
}
#sidebar-navigation li {
  float: left;
}
#sidebar-navigation a {
  text-decoration: none;
  display: block;
  margin: 0;
  padding: 0;
  color: #545456;
  width: 195px;
}
/* ===================== Sidebar navigation images ===================== */
#sidebar-navigation li#consulting a { background-image: url(../images/nav/Consulting_Services.gif); }

#sidebar-navigation li#cfd a { background-image: url(../images/nav/Consumer_Financial_Decisions.gif); height: 46px; }
#sidebar-navigation li#cfd a:hover { background-position: 0 -92px !important; }
#sidebar-navigation li#cfd.active a { background-position: 0 -46px !important; }
#sidebar-navigation li#cfd.active a:hover { background-position: 0 0px !important; } /*  kjp added */
#sidebar-navigation li#cfd a.at { background-position: 0 0px !important; } /*  kjp added */

#sidebar-navigation li#explorer a { background-image: url(../images/nav/Explorer.gif); }
#sidebar-navigation li#scan a { background-image: url(../images/nav/Scan.gif); }
#sidebar-navigation li#vals a { background-image: url(../images/nav/VALS.gif); }
#sidebar-navigation li#drf a { background-image: url(../images/nav/DriverlessFutures.gif); }
#sidebar-navigation li#about_SBI a { background-image: url(../images/nav/about.gif); }

/* ===================== First level ===================== */
#sidebar-navigation li.li-1 a {
  height: 30px;
  text-indent: -9999px;
  background-color: transparent;
  background-position: 100% 100%;
  background-repeat: no-repeat;
}
#sidebar-navigation li.li-1 a:hover {
  background-position: 0 -60px !important;
}
#sidebar-navigation li.li-1.active {
  background: #ebebeb url(../images/bg_sidebarnav_ul.gif) repeat-y 0 0;
  display: block;
  padding: 10px 0;
}
#sidebar-navigation li.li-1.active ul li {
  background-image: none !important;
}
#sidebar-navigation li.li-1.active a {
  background-position: 0 -30px !important;
}
#sidebar-navigation li.li-1.active a:hover {
  background-position: 0 0 !important;
}
#sidebar-navigation li.li-1 a.at {
  background-position: 0 0 !important;
}
/** Fix child list item links **/
#sidebar-navigation li.li-1 li a {
  background-image:none !important;
  height:auto !important;
  line-height:1.2;
  padding-bottom:0.3em;
  padding-top:0.3em;
  text-indent:0;
}

/* ===================== Second level ===================== */
#sidebar-navigation li.li-1.active ul.ul-2 {
  display: block;
  margin-left: 7px;
  width: 188px;
}
#sidebar-navigation li.li-2 {
  padding: 0 !important;
  width: 188px;
}
#sidebar-navigation li.li-2.active {
  background-color: #f5f5f5;
}
#sidebar-navigation li.li-2 a {
  text-decoration: none;
  display: block;
  margin: 0;
  padding: 0 10px 0 22px;
  color: #545456;
  font-size: 11px;   /* 11px; */
  width: 156px;
}
#sidebar-navigation li.li-2 a:hover {
  background-color: #e0d5d5;
  color: #821616;
}

/* ===================== Third level  ===================== */
#sidebar-navigation li.li-2.active ul.ul-3 {
  display: block;
  width: 188px;
}
#sidebar-navigation li.li-3 {
  padding: 0 !important;
  width: 188px;
  line-height: 1.4
}
#sidebar-navigation li.li-3.active {
  background-color: #f5f5f5;
}
#sidebar-navigation li.li-3 a {
  width: 145px;
  font-size: 10px;  /* 10px */
  font-weight: normal !important;
/*    color: #545456 !important;  commented out by KJP  */
  padding-left: 33px;
}
#sidebar-navigation li.li-3 a:hover {
  background-color: #e7e4e4;
  color: #821616; /* added by KJP */
}

/* ===================== Fourth level ===================== */
/* #sidebar-navigation li.li-3.active ul.ul-4 */
#sidebar-navigation li.li-3.active ul {
  display: block;
  width: 188px;
}
#sidebar-navigation li.li-4 {
  padding: 0 !important;
  width: 188px;
}
#sidebar-navigation li.li-4.active {
  background-color: #f5f5f5;
}
#sidebar-navigation li.li-4 span.year {
  border-top: 1px solid #EEEEEE;
  color: #999999;
  display: block;
  font-size: 10px;
  padding-left: 44px;
  width: 144px;
}
#sidebar-navigation li.li-4 a {
  width: 144px;   /* 144px;  changed to 134, then back to 144 again by KJW */
  font-size: 10px;
  font-weight: normal !important;
  color: #545456 !important;
  padding-left: 44px;
}
#sidebar-navigation li.li-4 a:before {    /* added by KJW  */
  content: "\2022  \0020";  /*    \2022 = bullet; \0020 = space    */
}
#sidebar-navigation li.li-4 a:hover {
  background-color: #e7e4e4;
  color: #821616 !important; /* added by KJP */
  width: 134px; 
}

/* ===================== Fifth level ===================== */
#sidebar-navigation li.li-4 ul.ul-5 {
  width: 188px;
}
#sidebar-navigation li.li-4.active ul.ul-5 {
  display: block;
  line-height: 1.2;
}
#sidebar-navigation li.li-5 {
  padding: 0 !important;
  width: 188px;
}
#sidebar-navigation li.li-5 a {
  width: 101px;
  font-size: 10px;
  font-weight: normal !important;
  color: #545456 !important;
  padding-left: 77px;
  padding-right: 10px;
}
#sidebar-navigation li.li-5 a:hover {
  background-color: #e7e4e4;
}

#sidebar-navigation li.at a.at {
  font-weight: bold !important;
  color: #821616 !important;
}
#sidebar-navigation li.at a.faux-at {
  font-weight: bold !important;
}
/* ===================== END: Sidebar Navigation ===================== */








/*===================== BEGIN: SubLayouts ===================== */

/* ===================== 2-Col Sublayout ===================== */
/* .TwoColLayout {clear:both;width:100%;overflow:hidden;}   KJW removed b/c it was causing FireFox printing problems; was it even necessary? */
.TwoColLayout {clear:both;width:100%;}
.TwoColLayout .LeftCol{float:left;width:100%;}
.TwoColLayout .LeftColWrapper{margin-right:280px;}
.TwoColLayout .LeftColContent{padding:25px 25px 25px 25px; }
.TwoColLayout .RightCol{float:left;width:280px;margin-left:-280px;}
.TwoColLayout .RightColContent{padding:25px 25px 25px 0;}
.TwoColLayout .RightColContent .firstBox {padding-top:42px;}
.TwoColLayout .RightColContent .firstBoxWithIntro {padding-top:0px;}  /* kjp */



/* following added by KJP */
#TwoColLayout-intro {
  margin-bottom: 0;
  padding: 25px 25px 0 25px;
}
#ui-program-teaser h1 {
  padding-left: 240px; /* kjp: to fix placement of teaser text & logo */
}
/* end added by KJP */


/*div.defaultPadding { padding: 25px; }*/

#ui-content-teaser {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.4;
  padding-bottom: 2em;
}
#ui-content-body {  }
#ui-content-body h2 {      /* kjp added */
  color: #990000;
  margin-top: 0;
  padding-top: 10px;
}
#ui-content-body li, .RightColContent li { margin-bottom: 0.6em; }  /* was padding-bottom */
#ui-content-body ul.nopad li, .RightColContent ul.nopad li { margin-bottom: 0; }  /* was padding-bottom */


.OneColLayoutContent li { margin-bottom: 0.6em; }  /* was padding-bottom */
.OneColLayoutContent ul.nopad li { margin-bottom: 0; }  /* was padding-bottom */

/* ===================== END: SubLayouts ===================== */


/* kjp added...'cause sometimes you just NEED semantically-meaningless spacers */
div.vspacerDivider { margin:2em 0;border-bottom:1px dashed #dbdbdb; }
div.vspacer { margin:2em 0; }
div.vspacer1px { margin:2em 0;height:1px; }  /* this gives the div some actual "content", so the space is taller (much more than 1px taller) */


/* ===================== BEGIN: Homepage only* styles ===================== */
/* These style used to be used only on the main site homepage, but then we redesigned the VALS & CFD home pages to use some of them as well.  Additional accommoations for the VALS home page are in the section immediately following this one. */

/* Main hero   -- old home page layout
#home-hero { padding-left:10px; padding-top:10px; }
#home-hero a { display:block; width:795px; height:217px; position:relative; z-index:10; text-decoration:none; }
#home-hero a img { position:absolute; top:0; left:0; z-index:11; }
#home-hero a span { display:block; color:#D6E7F2; font-size:15px; font-weight:500; line-height:1.3; position:absolute; padding: 112px 30px 25px 200px; z-index:12; }

/* Home 3-column boxes layout 
div#home-cols { width:805px; margin:2px 0 10px 0; text-align:left; background:transparent url(../images/bg_home_boxes.gif) repeat-y 0 0; min-height:250px; height:auto; line-height:1.4; }
* html div#home-cols { height: 250px; }
div#home-cols .col-header { background-color: #FFF; padding-bottom: 7px; }
div#home-cols .col-content { padding-top: 20px !important; font-size: 11px; }
div#col-1-wrapper { float: left; width: 100%; }
div#col-1 { margin-right: 382px; }
div#col-1 .col-header { padding-left: 10px; padding-right: 1px; }
div#col-1 .col-content { padding: 0; }

div#col-2 { float: left; width: 191px; margin-left: -382px; }
div#col-2 .col-header { padding-left: 3px; padding-right: 1px; }
div#col-2 .col-content { padding: 0 17px; }

div#col-3 { float: left; width: 191px; margin-left: -191px; }
div#col-3 .col-header { padding-left: 3px; }
div#col-3 .col-content { padding: 0 17px; }
div#home-cols h3 { color:#FFF; background-color:#821616; margin:0; padding:0 10px; font-size:11px; text-transform:uppercase; line-height:1.5; }
div#col-clear { clear: both; }
div#col-clear  .col-content { float:right; padding:0 17px !important; text-align:left; width:157px; }
*/
/* Ongoing Research  -- old home page layout
ol#ongoing-research { list-style: none none; margin: -4px 0 0 0; padding: 0; }
ol#ongoing-research li { list-style: none none; margin: 0; padding: 10px 10px 15px 8px; }
ol#ongoing-research li.over { background: #F9F3F3 url(../images/bg_ongoing_research.gif) repeat-y top left; cursor: pointer; }
ol#ongoing-research li a.research-link { display: block; float: left; text-align: center; width: 80px; }
ol#ongoing-research li a.research-link img {  }
ol#ongoing-research li div.research-descrip { display:block; float:left; width: 325px; }

ol#ongoing-research li div.research-descrip span { display:inline-block; padding-top: 8px; margin-bottom: 0; }  /* "Take the VALS Survey" link 
ol#ongoing-research li div.research-descrip span img { margin-right: 4px; }  /* small arrow pointing to "Take the VALS Survey" link 
*/

div#home-columns { width:800px; margin:10px 0 10px 5px; text-align:left; min-height:500px; height:auto; line-height:1.4; font-size:11px; }
* html div#home-columns { height:750px; }
div#column1-wrapper { float:left; width:100%; }
div#column1 { margin: 0 295px 0 5px; }
div#column2 { float:left; width:285px; margin-left:-285px; }

div#home-columns .section-header {}
div#home-columns h3 { color:#FFF; background-color:#821616; margin:0; padding:0 10px 0 8px; font-size:11px; text-transform:uppercase; line-height:1.5; }
div#home-columns h3>a { color:inherit; text-decoration:inherit; }

div#research_progs { margin-bottom:25px;}
div#research_progs .column_content {} 
ol#ongoing-research { list-style:none none; margin:2px 0 0 0; padding:0; }
ol#ongoing-research li { list-style:none none; margin:0; padding: 10px 0 10px 8px; }
ol#ongoing-research li.over { background:#F9F3F3 url(../images/bg_ongoing_research.gif) repeat-y top left; cursor:pointer; }
ol#ongoing-research li a.research-link { display:block; float:left; text-align:left; width:65px; }
ol#ongoing-research li a.research-link img {  }
ol#ongoing-research li div.research-descrip { display:block; float:left; width:210px; font-size:10px; margin:-2px 0 0 2px;}
ol#ongoing-research li div.research-descrip span { display:inline-block; padding-top: 8px; margin-bottom: 0; font-size:11px; }  /* "Take the VALS Survey" link */
ol#ongoing-research li div.research-descrip span img { margin-right: 4px; }  /* small arrow pointing to "Take the VALS Survey" link */

div#consulting_svcs {}
div#consulting_svcs .column_content {padding:10px 10px 0px 8px;}
div#consulting_svcs ul { list-style:none none; margin:0; padding:0; }
div#consulting_svcs ul li { list-style:none none; margin:0; padding:0 0 0.9em; }

.group1{ visibility: hidden; } /* keep this: enables randomization of content divs on home page */

div#column1 a { text-decoration:none;display:inline-block;color:inherit; }
div#column1 a:visited p.more { color:#5193de; }
/* large hero image: 500 x 300px
   small hero images: 158 x 95 px  */
div#home_hero1 { width:500px; height:300px; margin-bottom:10px;}
div#home_hero1 a { width:500px; height:300px; }
div#home_hero1 .hero_img { width:498px; height:298px; border:1px solid #ccc; background-size:cover !important; }  /* background-size:cover = Scale the background image to be as large as possible so that the background area is completely covered by the background image. Some parts of the background image may not be in view within the background positioning area */

div#home_hero1 .home_hero_text { position:relative; width:133px; height:279px; margin-left:341px; margin-top:-294px; padding:5px 10px; z-index:100; background-color:#184470; opacity:0.85; filter:alpha(opacity=85); /* filter: For IE8 and earlier */ }
div#home_hero1 .wider { width:142px; margin-left:329px; }  /* use this when we want the blue box of text to be a smidge wider */

div#home_hero1 .home_hero_text h4 { font-size:13px; color:#eee; opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ }
div#home_hero1 .home_hero_text p { color:#eee; opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ }
div#home_hero1 .home_hero_text p.more { color:#eee !important; background:transparent url("/theme/images/more2.gif") no-repeat 100% 70% !important; }

    /* ============= alternate version w/ horizontal block of text on hero1 (used on CFD home page Feb 2019) =============== */
    div#home_hero1_horiz_txt { width:500px; height:300px; margin-bottom:10px;}
    div#home_hero1_horiz_txt a { width:500px; height:300px; }
    div#home_hero1_horiz_txt .hero_img { width:498px; height:298px; border:1px solid #ccc; background-size:cover !important; }  /* background-size:cover = Scale the background image to be as large as possible so that the background area is completely covered by the background image. Some parts of the background image may not be in view within the background positioning area */
    div#home_hero1_horiz_txt .home_hero_text { position:relative; width:429px; height:80px; margin-left:41px; margin-top:-109px; padding:10px; z-index:100; background-color:#184470; opacity:0.85; filter:alpha(opacity=85); /* filter: For IE8 and earlier */ }
    div#home_hero1_horiz_txt .home_hero_text h4 { font-size:13px; color:#eee; opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ }
    div#home_hero1_horiz_txt .home_hero_text p { color:#eee; opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ }
    div#home_hero1_horiz_txt .home_hero_text p.more { display:block; text-align:right; color:#eee !important; background:transparent url("/theme/images/more2.gif") no-repeat 100% 70% !important; }
/* =========================================================================================================== */


div#home_hero2 { float:left; width:158px; background-color:none;}
div#home_hero3 { float:left; width:158px; margin:0 12px; background-color:none; }
div#home_hero4 { float:left; width:158px; background-color:none;}

div#home_hero2 .hero_img,
div#home_hero3 .hero_img,
div#home_hero4 .hero_img { width:158px; height:95px; margin-bottom:10px; border:1px solid #ccc; background-size:cover !important; }

.home_hero_text h4 { margin-top:0; margin-bottom:10px; }
.home_hero_text p { margin:0;}
.home_hero_text p.more { display:inline-block; margin-top:5px; color:#004790; background:transparent url("/theme/images/more.gif") no-repeat 100% 70% !important; padding-right: 7px !important; text-decoration:underline;}
.home_hero_text p.more:hover { text-decoration:none !important; }


.home_hero_text ul { list-style:square; margin:0;padding:0 0 0 15px; }
.home_hero_text li { list-style:square; margin:0 0 5px 0px;padding:0 0 0 0px; }
.home_hero_text li a:link { vertical-align:text-top; color:#004790 !important; text-decoration:underline !important; }
.home_hero_text li a:visited { color:#5193de !important; }
.home_hero_text li a:hover { text-decoration:none !important; }


div#foot_column_spanner {clear:both; padding-top:20px;}
div#foot_column_spanner ul#addl_info { margin:2px 0 0 0; padding:0; }
div#foot_column_spanner ul#addl_info li { display:inline-block; width:32%; margin:10px 0; padding:0; }
div#foot_column_spanner ul#addl_info li.left { text-align:left; padding-left:5px; }
div#foot_column_spanner ul#addl_info li.center { text-align:center; }
div#foot_column_spanner ul#addl_info li.right { text-align:right; }
/* ===================== END: Homepage only styles ===================== */


/* ==================== Begin: VALS & CFD Homepage styles ==================== */
#column2 div.section { margin-bottom:30px;margin-left:3px; }
#column2 div.section .section-header h3 { padding:0 10px 0 5px; }
#column2 div.section .column_content {padding:10px 10px 0px 5px;} 
#column2 div.section:first-of-type .column_content {padding-top:0px;}  /* no top padding for first section b/c it doesn't have a red bar (h3) header */
#column2 div.section .column_content img {margin-bottom:10px;} 
#column2 div.section ul { list-style:none; margin:0; padding:0; }
#column2 div.section ul>li { list-style:none; margin:0 0 10px; padding:0; } /* 0.9em */
#column2 div.section ul li>ul { list-style-type:square; margin:0; padding:10px 0 0; }
#column2 div.section ul li>ul li { list-style-type:square; margin:0 0 8px 15px; padding:0; }
/* ===================== End: VALS & CFD Homepage styles ===================== */


/* ===================== BEGIN: Program home pages (except VALS & CFD) ===================== */
#ui-program-intro { margin-bottom: 40px; }
#ui-program-hero { float:left; padding:0px; margin-right:20px; }
#ui-program-hero img { border:1px solid #000; margin:0; padding:0; }

    /* ==== special exception for old CFD home page (hero image had text overlay and link to a related publication) ==== */
#ui-program-hero a { text-decoration:none; }
#ui-program-hero .prog_hero_text { position:relative; width:150px; height:35px; margin:-60px 0 15px 0; padding:5px; z-index:100; background-color:#184470; opacity:0.85; filter:alpha(opacity=85); /* filter: For IE8 and earlier */ }
#ui-program-hero .prog_hero_text h4 { font-size:13px; color:#eee; padding-left:5px; opacity:1; filter: alpha(opacity=100); /* For IE8 and earlier */  margin-top:0; line-height:1.2;}
#ui-program-hero .prog_hero_text span.more { display:inline-block; font-size:11px; color:#eee; background:transparent url("/theme/images/more2.gif") no-repeat 100% 70% !important; padding-right: 7px !important; padding-left:5px; text-decoration:underline; font-weight:normal; }
    /* ==== end special old CFD exception ====*/


#ui-program-logo { padding:0 0 1em 2em; float:right; }
#ui-program-intro #ui-program-logo { padding:25px 0 1em 0 }
.RightCol #ui-program-logo { padding:0 0 20px; text-align:right; float:none; }
#ui-program-teaser p {
  /* all by kjp */
  font-size: 1.2em;
  line-height: 1.4em;    
  font-weight: bold; 
  padding-left: 240px; /* kjp: to fix placement of teaser text & logo */
  color: #6d6d6d;
}
#ui-program-sections {  }
#ui-program-sections ul.program-sections {
  list-style: none none;
  margin: 0;
  padding: 0;
  float: left; /* kjp: to fix explorer tech list on xplr home page */
}
#ui-program-sections ul.program-sections li {
  display: block;
  float: left;
  margin-bottom: 30px;
  padding-right: 50px;
  width: 300px;
}

/* *** begin added by kjp to accommodate xplr tech list *** */
#ui-program-sections ul.program-sections li.narrower{ width: 270px; }
#ui-program-sections ul.program-sections li.wider{ width: 330px; }
/* *** end added by kjp to accommodate xplr tech list *** */

#ui-program-sections ul.program-sections li h2 {
  color:#990000;
  border-bottom: 1px solid #DEDFDE;
  margin: 0 0 5px;
}
#ui-program-sections ul.program-sections li h2 a {
  color:#990000;
  text-decoration:none;
}
#ui-program-sections ul.program-sections li h2 a img {  }
#ui-program-sections ul.program-sections li div.program-section-content { font-size:11px; }
#ui-program-sections ul.program-sections li div.program-section-content  .program-section-hero {
  float:left;
  margin-right:20px;
  margin-bottom:1em;
}
#ui-program-sections ul.program-sections li div.program-section-content p { margin-bottom: 1em; padding-bottom: 3px; } /* kjp */
#ui-program-sections ul.program-sections li div.program-section-content ul.sub-sections {
  float: left; /* kjp */
  margin: 0 0 1em;
  padding: 0;
  list-style: none none;
}
#ui-program-sections ul.program-sections li div.program-section-content ul.sub-sections li {
  display: list-item;
  float: none;
/*    list-style-type: square;
  list-style-image: none;
  list-style-position: inside;    */
  list-style: none none;
/*    margin: 0 0 0 20px;     removed by kjp */
  line-height: 1.4em;  /* added by kjp to make wrapping list items more clear */
  margin: 0 0 0.6em 0;  /* added by kjp to give more space between list items */
  padding: 0;
  width: auto;
}
#ui-program-sections ul.program-sections li div.program-section-content ul.sub-sections li.seemore { padding-top: 1.1em; }  /* kjp: give more space above the "see more" links */
 
#ui-program-sections ul.program-sections li div.program-section-content ul.sub-sections li a {  }
#ui-program-sections ul.program-sections li div.program-section-content ul.sub-sections li a:hover {  }


#ui-program-sections ul.program-sections li div.program-section-content .current_content { clear: both; width: 400px; }
#ui-program-sections ul.program-sections li div.program-section-content .current_content h6 { margin-left: 0; }
#ui-program-sections ul.program-sections li div.program-section-content .current_content ul {     /*  Scan index.shtml  */
  float: none;
  width: 400px;
  margin: 0 0 0 6px;
  padding: 0 0 0 15px;
}
#ui-program-sections ul.program-sections li div.program-section-content .current_content ul li {     /*  Scan index.shtml  */
  float: none;
  display: list-item !important;
/*   list-style: square none outside !important;  bullets don't display right in IE7 */
  width: 400px;
  margin: 0px;
  padding: 1px 0 3px;
  line-height: 1.4;
}
#ui-program-sections ul.program-sections li div.program-section-content .current_content ul li li {     /*  Scan index.shtml  */
  list-style: disc none outside !important;
}

#ui-program-sections ul.program-sections li div.program-section-content .current_content ul li.noBull {     /*  Scan index.shtml  */
  list-style: none none outside !important;
}


/* ===================== END: Program home pages ===================== */






/* ===================== BEGIN: Related Content Sidebars ===================== */
.box {
  font-size: 11px;
  line-height:1.5;
}
.box h4 {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #dbdbdb;
  font-size: 11px;
}
.box h4 a {
  color: #0368ae;
  background: transparent url(../images/more.gif) no-repeat 100% 60%;
  padding-right: 8px;
  text-decoration: none;
}
.box h4 a:hover {
  text-decoration: underline;
}
.box .box-content {
  padding:0.5em 15px 0.5em 0;
}
.box ul,
.box ol {margin:0 0 1em 2em;padding:0;}
.box ul ul {margin-top: 0.5em; margin-bottom: 0; }


/* ===================== END: Related Content Sidebars ===================== */








/* ===================== BEGIN: Page: Viewpoints ===================== */

.limitedWidth {
  /*padding: 25px;
  padding:0 25px 25px;*/
  width: 75%;
}

.anchors {
  font-size:smaller;
  margin-bottom:3em;
  padding:1em 0;
}
.anchors a {  }


/* ===================== BEGIN Pub list pages: Scan Monthly links, Viewpoints links, etc. ===================== */


.pub-group,
.pub-groupFirst,
.pub-groupHide {
  line-height:1.2;
}

.pub-group h3,
.pub-groupFirst h3,
.pub-groupHide h3 {
  border-left: 7px solid #821616;
  border-top: 1px solid #821616;
  border-bottom: 0 none;
  border-right: 0 none;
  line-height: 1.8;
  margin: 0 0 1em 0;
  padding-left: 1em;
  color: #5C5C5C;
  font-size: 13px;
  position: relative;
  display: block;
}
/* Fix for IE6 from Osmund */
* html .pub-group h3 { zoom:1 }
* html .pub-groupFirst h3  { zoom:1 }
* html .pub-groupHide h3  { zoom:1 }
/* Fix for IE7 from Osmund */
*:first-child+html .pub-group h3 { zoom:1 }
*:first-child+html .pub-groupFirst h3 { zoom:1 }
*:first-child+html .pub-groupHide h3 { zoom:1 }

.pub-group h3 small,
.pub-groupFirst h3 small,
.pub-groupHide h3 small {   /* this is the "click to expand/collapse" text */
  color:#999;
  top:0;
  right:1em;
  position:absolute;
  cursor:help;
  font-weight: normal;
}

.pub-group ul,
.pub-groupFirst ul,
.pub-groupHide ul {
  list-style: none;
  margin: 0 0 3em 0;
  padding: 0;
}

.pub-group li,
.pub-groupFirst li,
.pub-groupHide li {  }

.pub-group .pub-item,
.pub-groupFirst .pub-item,
.pub-groupHide .pub-item {
  font-size: 11px;
  line-height: 1.5;
  width: 100%;   /* IE fix from Osmund */
}

.pub-group .pub-item h4,
.pub-groupFirst .pub-item h4,
.pub-groupHide .pub-item h4 {
  float: left;
  margin: 0;
  padding: 0;
  text-align: right;
  width: 13em;
  font-size: 11px;
  font-weight: bold;
  color: #5C5C5C;
}

.pub-group .pub-item p,
.pub-groupFirst .pub-item p,
.pub-groupHide .pub-item p {
  clear: none;
  float: none;
  padding-left: 14em;
  margin: 0;
}

.pub-group .pub-item h5,  /* so far only on the Scan Signal & Patterns page */
.pub-groupFirst .pub-item h5,
.pub-groupHide .pub-item h5 {
  clear: none;
  float: none;
  padding-left: 12.8em;
  margin: 0;
  font-size: 12px;
  font-style: italic;
}

.pub-item .pub-note {  /* notes in the list of Vpts links, e.g., "Vpts used to be TechLinks" */
  background-color: #F2F2F2;
  border: 1px solid #dbdbdb;
  margin: 1em 0 1em 14em;
  padding: .75em;
}
.pub-item .pub-note p {
  padding: 0;
  margin-bottom: 0.5em;
}


.pub-group .pub-note_techchange,
.pub-groupFirst .pub-note_techchange,
.pub-groupHide .pub-note_techchange {  /* notes in the list of Vpts links, e.g., "Vpts used to be TechLinks" */
  background-color: #F2F2F2;
  border: 1px solid #dbdbdb;
  margin: 1em 0;
  padding: .75em;
  font-size: 0.91em; 
  line-height: 1.5;
}
.pub-group .pub-note_techchange p,
.pub-groupFirst .pub-note_techchange p {
  padding: 0;
  margin-bottom: 0.5em;
}

.pub-group .pub-item ul.pub-item-subitems,
.pub-groupFirst .pub-item ul.pub-item-subitems,
.pub-group .pub-item ul.pub-item-subitems-secure,
.pub-groupFirst .pub-item ul.pub-item-subitems-secure { 
  margin-left: 0;
  padding-left: 0; }

.pub-group .pub-item ul.pub-item-subitems li,
.pub-groupFirst .pub-item ul.pub-item-subitems li,
.pub-group .pub-item ul.pub-item-subitems-secure li,
.pub-groupFirst .pub-item ul.pub-item-subitems-secure li {
  padding-left: 16em;
  text-indent: -2em;
  padding-bottom: 0.15em;
  margin-bottom: 0;
  font-size: inherit;
}

.pub-item .date {
  font-size: 90%;
}


.signals {
  background-color: #f2f2f2;
  border: 1px solid #dbdbdb;
}

.pub-group .pub-item a,
.pub-groupFirst .pub-item a {
  text-decoration: underline;
}

.pub-group .pub-item a:hover,
.pub-groupFirst .pub-item a:hover {
  text-decoration: none;
}

.pub-group .pub-item  p a,
.pub-groupFirst .pub-item  p a,
.pub-group .pub-item ul.pub-item-subitems li a,
.pub-groupFirst .pub-item ul.pub-item-subitems li a {
  text-decoration: none;
  background: transparent url(../images/more.gif) no-repeat 100% 60%;
  padding-right: 7px;
}

.pub-group .pub-item ul.pub-item-subitems-secure li a,
.pub-groupFirst .pub-item ul.pub-item-subitems-secure li a {
  text-decoration: none;
  background: transparent url(/theme/images/more.gif) no-repeat 100% 60%; 
  padding-right: 7px; }
/*   background: transparent url(../images/icons/secure.gif) no-repeat 100% 50% !important;
  padding: 1px 20px 0 0 !important; */


.pub-group .pub-item p a:hover,
.pub-groupFirst .pub-item p a:hover,
.pub-group .pub-item ul.pub-item-subitems li a:hover,
.pub-groupFirst .pub-item ul.pub-item-subitems li a:hover,
.pub-group .pub-item ul.pub-item-subitems-secure li a:hover,
.pub-groupFirst .pub-item ul.pub-item-subitems-secure li a:hover { text-decoration: underline; }

.pub-group .pub-item small,
.pub-groupFirst .pub-item small { font-size:inherit; }

/* **** Scan Signals & Patterns page, Strategic Synopsis and yearly Topic Overview **** */
.pub-group .pub-item h5.pub-item-subitems-secure,
.pub-groupFirst .pub-item h5.pub-item-subitems-secure { margin-bottom:0.8em !important;}

.pub-group .pub-item h5.pub-item-subitems-secure a,
.pub-groupFirst .pub-item h5.pub-item-subitems-secure a { text-decoration:none; padding-right:7px; }

.pub-group .pub-item h5.pub-item-subitems-secure a:hover,
.pub-groupFirst .pub-item h5.pub-item-subitems-secure a:hover { text-decoration: underline; }

/* ===================== BEGIN Pub content pages: Scan Monthly ToCs, etc. ===================== */

.pub {
  /*  padding-bottom: 3em;    removed by KJP..not sure why it's here  */
}

.intro {
  margin: 0 0 1em;
  padding: 0 0 0.5em;
  border-bottom: 1px dashed #dbdbdb;
}

.intro h1 {
  margin-bottom: 0.5em;
}

h1 span.subtitle { 
  font-size: 85%;
  color: #990000;
  font-weight: normal;
  }

h1 span {    /* SoCs date, number; vpts month/year  */
  color: #777;   /* 5C5C5C; */
  display: block;
  font-size: 70%;   /* 80% 15px */
  font-weight: bold;
  padding-top: 4px;
}

h2 span {  /* xplr TechMap ToC pages - pub date; same as h1 span except padding  */
  color: #777;   /* 5C5C5C; */
  display: block;
  font-size: 90%;
  font-weight: bold;
  padding-top: 0px;
}

.intro-toc {     /* added by KJP - Scan Monthly text */
  margin: 0.5em 0 0.5em;
  padding: 0.5em 0 0;
  border-top: 1px dashed #dbdbdb;
  font-size: 95%;
}

.intro-toc ul {    /* Scan Monthly ToCs */
  margin-left: 0;
  padding-left: 2em;
  margin-top: 0.7em;
}

.intro-toc ul ul {    /* Scan Monthly ToCs */
  margin-top: 0;
  padding-top: 0.4em;
}

.intro-toc li {    /* Scan Monthly ToCs */
  padding-top: 0.1em;
  padding-bottom: 0.2em;
  line-height: 1.0;
}

.author {
  color: #777;
  font-size: 95%; 
  margin: 1em 0 0;
}
.author .author-detail {  }
.author .author-detail span { /*padding-left: 1em;*/ }
.author .author-detail span.scan_sendfeedback { padding-left:5px; }

.pub-idno {  }
.pub-date {  }

.related-docs {
  margin: 1.25em 0 0;
  padding: 0 0;
  color: #777;
  font-size: 95%; 
/*  border-bottom: 1px dashed #dbdbdb; */
}
.related-docs ul {
  margin: 0;
  padding: 0;
}
.related-docs ul li {
  line-height: 1.2em;
}

.pub-copy {  }

.pub-copy h2 {      /* kjp added  - titles of actual articles */
  color: #990000;
  margin-top: 0;
}

/* make the UL default in publications have bullets -- SoCs, etc. */
.pub-copy ul, 
.pub-copy ul li { 
  list-style: disc outside none;
}

.pub-copy ul ul { list-style: square outside none; margin-top: 0.4em;}
.pub-copy ul li ul li { list-style: square outside none; }

.pub-copy ul ul ul.bullets, 
.pub-copy ul li ul li ul li { list-style: circle outside none; }

.pub-copy ol, 
.pub-copy ol>li { list-style: decimal outside none; }


.pub-copy h4 { line-height: 1.4; font-size: 99%; }
.pub-copy h4 .pub-idno {   /* Scan Monthly: SoC #s (listed above SoC summary text) */
  line-height: 1.2;
  display: block;
  color: #5C5C5C; 
  font-weight: bold;
  font-size: 0.85em;
}

.pub-copy table.defaultTable {
  margin: 1.5em 0 2em;
}


.significance,
.source-data {  /* similar to pull-quote, but no quote marks images */
/*  color: #444444; */
  background-color: #F2F2F2;
  border: 1px solid #dadada;   /* EBEBEB  */
  float: right;
  margin: 0 0 0.8em 1.8em;
  padding: 1em;
  width: 300px;
}
.significance p,
.source-data p {
/*  color: #444444;  */
  font-size: 0.95em;
  line-height: 1.6em;
  margin-bottom: 0;
  margin-top: 0.5em;
}

.significance ul,
.source-data ul {   /* Scan Patterns: "Abstracts used in this Pattern"  */
  font-size: 0.95em;
  line-height: 1.6em;
  margin-bottom: 0;
  margin-top: 0.5em;
  margin-left: 0px;
  padding-left: 15px;
  }
.significance ul li,
.source-data ul li {
  margin-bottom: 0;
  margin-top: 0;
  }
.source-data ul li a {
  background: transparent url(../images/more.gif) no-repeat 100% 60%;
  padding-right: 7px;
  }



.significance h4,
.source-data h4 {   /* Why is this topic significan? text */
  /*color: #0368AE;*/
  margin: 0 0 0.5em;
}
.pull-quote {
  background-color: #F2F2F2;
  border: 1px solid #dadada;   /* EBEBEB  */
  float: right;
  margin: 0 0 0.8em 1.8em;
  padding: 1em;
  width: 300px;
  background-image: url(/theme/images/pullquote-begin.gif);
  background-repeat: no-repeat;
/*  background-position: 5% 10%; */
  background-position: 9px 9px;
}
.pull-quote2 {    /*  AMretention.shtml  */
  background-color: #F2F2F2;
  border: 1px solid #dadada;   /* EBEBEB  */
  float: right;
  margin: 0 0 0.8em 1.8em;
  padding: 1em 1em 0 1em;
  width: 250px;
  background-image: url(/theme/images/pullquote-begin.gif);
  background-repeat: no-repeat;
  background-position: 5% 10%;
}
.pull-quote3 {    /*  AMretention.shtml  */
  background-color: #F2F2F2;
  border: 1px solid #dadada;   /* EBEBEB  */
  float: left;
  margin: 0 1.8em 0.8em 0;
  padding: 1em 1em 0 1em;
  width: 250px;
  background-image: url(/theme/images/pullquote-begin.gif);
  background-repeat: no-repeat;
  background-position: 5% 10%;
}
.pull-quote .pull-quote-copy {  }
.pull-quote p,
.pull-quote2 p,
.pull-quote3 p {
  color: #444444;
  font-family: Georgia,"Times New Roman",Times,serif;
  font-style: italic;
  font-size: 1.2em;
  line-height: 1.6em;
  text-indent: 38px;
  background-image: url(/theme/images/pullquote-end.gif);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  margin-bottom: 0;
}
.pull-quote2 p.footnote,
.pull-quote3 p.footnote {  /* AMretention.shtml  */
  font-style: normal;
  font-size: 0.9em;
  text-align: right;
  padding-right: 30px;
  background-image: none;
}

.pull-quote dfn,
.pull-quote2 dfn,
.pull-quote3 dfn { font-style: normal; }

.related-pubs  {  /* similar to pull-quote, but no quote marks images; Scan - bottom of SoCs and Patterns */
  font-size: 95%;
  color: #444444;
  background-color: #F2F2F2;
  border: 1px solid #dadada;   /* EBEBEB  */
  margin: 3em 0 0;
  padding: 1em 1em 0.5em;
  width: 100%;
}
.related-pubs h4 { margin-top: 0; }
.related-pubs ul {   /* Scan SoCs and Patterns "related to the topic" box at bottom  */
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: 0;
  padding-left: 25px;
  }
.related-pubs ul li {
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  }


.pub-copy-teaser {
  font-weight: bold;
  font-size: 110%;
  }

.contrib {
  font-weight: bold;
  font-style: italic;
}
.contrib .descrip {
  font-weight: normal;
  font-size: 95%;
}
.contrib cite { font-style: normal; } /* make publication names NOT italics if they appear in bylies (which are all italics already) */

.pub-copy #boilerplateFooter { 
  color: #999;
  border-top: 1px dashed #cbcbcb;
  padding: 0.2em 0;
  margin: 2em 0 -2em;    
  font-size: 95%;
}
.pub-copy #boilerplateFooter h4 { 
  margin-bottom: 1em;
}

.pub-copy #learnmore_otherprogs { /* "Learn More about xx_topic_xx from Other SBI Programs" on Featured Content articles */
  border-top: 1px dashed #cbcbcb;
  border-bottom: 1px dashed #cbcbcb;
  padding: 1em 0;
  margin: 0 0 -20px;    
}
.pub-copy #learnmore_otherprogs h3 {margin-top:0px;}
.pub-copy #learnmore_otherprogs h4 {margin-left:20px;}
.pub-copy #learnmore_otherprogs h3+h4 {margin-top:3px;}
.pub-copy #learnmore_otherprogs ul {margin-top:3px;}
.pub-copy #learnmore_otherprogs ul li {line-height:1.2;}

.pub-copy #also_featured {
  border-top: 1px dashed #cbcbcb;
  border-bottom: 1px dashed #cbcbcb;
  padding: 1em 0;
  margin-top:30px;
}
#learnmore_otherprogs + #also_featured { border-top: none; }
#also_featured + #boilerplateFooter { border-top: none !important; }

/*   This is repeated above...why is this here??
.pub-note {
  background-color: #F2F2F2;
  border: 1px solid #EBEBEB;
    margin: 1em 0 1em 14em;
    padding: .75em;
}  */

#ArchivedViewpoints,
#archivedPubs {
  padding: 2em 0;
}


/* ===================== Viewpoints ===================== */

/** Non-Value-Add section (i.e., Recent Developments) -- these don't exist in current vpts anymore, but are still in older vpts ***/
.vpts-nva-section {  
  border-bottom: 1px dashed #b9b9b9;  /* #dbdbdb */
  padding-top: 1.5em;
  padding-bottom: 0em;
}
.vpts-nva-section:last-child {  
  border-bottom:none;
}

/** Non-Value-Add section titles: Recent Devs; Areas to Monitor, etc. -- these don't exist in current vpts anymore, but are still in older vpts */
.vpts-nva-section-title {   
  font-variant: small-caps;
  font-weight: bold;
  font-size: 134%;
  color: #900;
  border: 1px solid #900;
  padding: 0.1em 0.5em;
}

/** Non-Value-Add article -- these don't exist in current vpts anymore, but are still in older vpts  **/
.vpts-nva-article {   
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}

/** titles of individual Non-Value-Add articles -- these don't exist in current vpts anymore, but are still in older vpts  **/
h2.vpts-nva-title {  
  margin-bottom: 1em;
  font-size: 120%;  /* normal h2 is 134% */
}
h2.vpts-nva-title span.bio {  
  color: #900;   /* #777; */
  display: inline;  /* block */
  font-size: 100%;  /* 90% */
  font-weight: bold;
  padding-top: 10px;  /* 0 */
}

/** Value-Add section -- this now applies to all vpts articles ***/
.vpts-va-section {  
  border-bottom: 1px dashed #b9b9b9;  /* #dbdbdb */
  padding-bottom: 1.5em;
  padding-top: 1em;
}
.vpts-va-section:last-child {  
  border-bottom: none;
}

/** titles of Value-Add articles - same as titles of Non-Value-Add articles **/
h2.vpts-va-title {  } 
h2.vpts-va-title span.bio {
  color: #900;   /* #777; */
  display: inline;  /* block */
  font-size: 100%;  /* 90% */
  font-weight: bold;
  padding-top: 10px;  /* 0 */
} 

/** tables in old-but-converted viewpoints (2008-02 through 2009-05ish) **/
div.vpts-table table,
div.vpts-table table tr,
div.vpts-table table td,
div.vpts-table table th {
  border: 0;
  font: inherit;
}

div.vpts-table table {
  font-size: 0.95em;   /* was 11px; changed to 0.91em */
  border: 1px solid #5c5c5c;
  margin: 1em 0 2em;
}
div.vpts-table table th,
div.vpts-table table td {
  border: 0;
  padding: 5px;
  line-height: 1.4;
}

div.vpts-table table td ul,
div.vpts-table table td ul li,
div.vpts-table table td ul li ul,
div.vpts-table table td ul li ul li {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  margin-right: 0;
  padding-right: 0;
  }
div.vpts-table table td ul li { padding-bottom: 3px; }
div.vpts-table table td ul li ul { padding-top: 6px; }

/* ************ table of discontinued technologies on xplr techlist.shtml ************* */
table#discontinued a { text-decoration: none; }
table#discontinued a:hover { text-decoration: underline; }

/* ==================== begin styles for new version of Viewpoints 23 Jun 2014 ======================= */
ul#xplr_impact_scale1, ul#xplr_impact_scale2 {width:563px;margin:5px 0 20px;padding:0;list-style-type:none;overflow:hidden;border:1px solid #333; }
ul#xplr_impact_scale1 li, ul#xplr_impact_scale2 li {float:left;list-style-type:none;margin:0 1px 0 0;padding:2px 0;border:none;width:187px;text-align:center; }
ul#xplr_impact_scale1 li:last-child, ul#xplr_impact_scale2 li:last-child {margin-right:0px;} 

ul#xplr_impact_time1, ul#xplr_impact_time2 {width:563px;margin:5px 0 20px;padding:0;list-style-type:none;overflow:hidden;border:1px solid #333; }
ul#xplr_impact_time1 li, ul#xplr_impact_time2 li {float:left;list-style-type:none;margin:0 1px 0 0;padding:2px 0;border:none;width:140px;text-align:center;}
ul#xplr_impact_time1 li:last-child, ul#xplr_impact_time2 li:last-child {margin-right:0px;} 

.shaded { background-color:#bbc6c6; font-weight:bold; }

/* ==================== end styles for new version of Viewpoints 23 Jun 2014 ======================= */




/* ===================== Tech Maps ===================== */
#tech-map-toc {  }
#tech-map-toc h4 {   /* this is soley for the benefit of NGTcontents.shtml */
  margin-left: 10px;
}
#tech-map-toc ul, 
#tech-map-toc li { 
  list-style: disc outside none;
}
#tech-map-toc h3+ul {
  padding-top: 0;
  margin-top: 0;
}
#tech-map-toc ul ul {
  list-style: square outside none;
  margin-top: 6px;
  margin-bottom: 0px;
} 
#tech-map-toc ul li ul li { 
  list-style: square outside none;
}
#tech-map-toc ul li ul li ul li { 
  list-style: circle outside none;
}
#tech-map-toc ul ul ul {
  padding-top: 0.5em;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: -0.75em;
}
/* ===================== end Tech Maps ===================== */
/* ===================== END: Page: Viewpoints ===================== */

table.defaultTable {
  font-size: 0.95em;   /* was 11px; changed to 0.91em */
  border: 1px solid #888888; /* #5c5c5c;  */
  margin: 1em 0 2em;
}
table.defaultTable th,
table.defaultTable td {
  border: 0;
  padding: 5px;
  line-height: 1.4;
}
table.defaultTable th.center,
table.defaultTable td.center { text-align: center; }


table.defaultTable thead tr th {
  border-bottom: 1px solid #afafaf !important;
  vertical-align: bottom;
  font-weight: bold;
}

table.defaultTable .title th {   /* put this on the row that has "Table 1" and the title */
  text-align: center;
  border-bottom: 1px solid #afafaf;
}
table.defaultTable .title h4 { font-size: 1.1em; }

table.defaultTable td { vertical-align: top; }

table.defaultTable tr.odd th,
table.defaultTable tr.odd td,
tr.stripe td  { background-color: #f1f1f1;   /* F5F5F5 */ }

table.defaultTable tr.even th,
table.defaultTable tr.even td { background-color: #fff; }

table.defaultTable tbody.sep,
table.defaultTable tr.sep td { border-bottom: 1px dashed #aaa !important; }

table.defaultTable tr.sep_top td { border-top: 1px dashed #aaa !important; }

table.defaultTable tfoot td {
  padding-top: 1.5em;
  font-size: 92%;
  border-top: 1px solid #afafaf;
  vertical-align: bottom;
  background-color: #fff !important;
}
table.defaultTable td.level1 {  } /* text flush left */
table.defaultTable td.level2 { padding-left: 2em; } /* text indented 1 step */ 
table.defaultTable td.level3 { padding-left: 4em; } /* text indented 2 steps */ 
table.defaultTable td.level4 { padding-left: 6em; } /* text indented 3 steps */ 
table.defaultTable td.level5 { padding-left: 8em; } /* text indented 4 steps */ 


table.wideTable { width:700px; }



table td.checked { text-align: center; font-size: 1.6em !important; }  /*  for displaying a diamond symbol in a table cell -- &#9830;  */
table td.shaded { background-color :#b2c5d4 !important; font-weight: bold !important; }  /*  to shade important or highlighted cells in a document table, e.g., /explorer/RET/RET-2010-09.shtml  */

/*******  TOC tables *************/
table#toc, table.toc { width: 100%; }
td.pgnum, th.pgnum { text-align:right; }
td.level1 {  }
td.level2 { padding-left: 2em; }
td.level3 { padding-left: 4em; }
td.level4 { padding-left: 6em; }
td.level5 { padding-left: 8em; }

td.hdr-tables,
td.hdr-figures,
td.hdr-boxes,
td.hdr-appendixes {
  background-color: #fff !important;  /*d5d5d5*/
/*  border-bottom: 1px dashed #aaa; */
  border-bottom: 1px solid #aaa;
  border-top: 1px solid #aaa;
  padding-top: 1.3em;
  font-size: 110%;
  font-weight: bold;
}
td.hdr-tables h4 {
  background-color: #d5d5d5 !important;  /*d5d5d5*/
  display: inline-block;
  padding-left: 1em;
  padding-right: 1em;
}
td.numbers { text-align: center; }



.infobox {
  /* background-color: #F2F2F2;*/
  border: 1px solid #EBEBEB;
  font-size: smaller;
  margin: 1em 0;
  padding: 1em;
}
.infobox h4 {/*color: #0368AE;*/margin: 0;}
.infobox-copy {}




/** jQuery dataTable plugin **/
.dataTables_wrapper {margin:1em;color:#5C5C5C;width:95%;padding:1em 0;}   /*  removed by KJP: width:400px;  */
.dataTables_wrapper .dataTables_length{/*font-size:smaller;*/float:left;padding:0.5em 1em 0.5em 0.5em;}
.dataTables_wrapper .dataTables_filter{border:1px solid #F5F5F5;/*font-size:smaller;*/padding:0.4em;margin-left: 150px;}
.dataTables_wrapper select, 
.dataTables_wrapper input {color:inherit;font-size:inherit;vertical-align:middle; }
.dataTables_wrapper .dataTables_processing{/*font-size:smaller;*/ }
.dataTables_wrapper .dataTables_info{/*font-size:smaller;*/ padding:2em 0 0.5em;}
.dataTables_wrapper .dataTables_paginate{/*font-size:smaller;*/ padding:0.5em 0;}
.dataTables_wrapper .paginate_button,
.dataTables_wrapper .paginate_active{padding:0.25em 0.5em;border-bottom: 1px solid #5C5C5C;margin-right:1em;cursor:pointer;}
.dataTables_wrapper .paginate_button{}
.dataTables_wrapper span .paginate_active{border-bottom: 3px solid #821616;color:#000}
.dataTables_wrapper span .paginate_button{}

/** Custom dataTable css **/
table.dataTable {margin:0}
table.dataTable th,
table.dataTable td {border:0;vertical-align:middle;text-align:left;}
table.dataTable thead th {color:#0368AE;cursor:pointer;
padding-top: 7px; padding-bottom: 7px; margin-top: 0; line-height: 1; vertical-align: bottom;  /* added by KJW */
}
table.dataTable tbody td {border-top:1px solid #821616}
table.dataTable tbody tr.even td {background-color:#F5F5F5}
table.dataTable tbody tr.odd td {background-color:#ffffff !important;}
/* table headers and sorting */
table.dataTable thead .sorting {}
table.dataTable thead .sorting_asc {color:#821616;background: transparent url(../images/bg_th_sort.gif) no-repeat bottom left}
table.dataTable thead .sorting_desc {color:#821616;background: transparent url(../images/bg_th_sort.gif) no-repeat top left}
/* DMA Package table  -- not used anymore; no DMA page, but leaving this here as example (KJW) */
table#DMApackage .col-1 {text-align:center;cursor:default;}
table#DMApackage .col-2 {text-align:center;}
table#DMApackage .col-3 {}
table#DMApackage .col-4 {text-align:right;}
table#DMApackage thead th.col-3.sorting_asc{background-position:bottom left}
table#DMApackage thead th.col-3.sorting_desc{background-position:top left}
table#DMApackage thead th.col-4.sorting_asc{background-position:bottom right}
table#DMApackage thead th.col-4.sorting_desc{background-position:top right}


/* ===================== forms ===================== */
.row {
  border-bottom: 1px dotted #B6B6B0;
  font-size: 11px;  /* 10px */
  line-height: 1.5;
}
.row .cell {
  float: left;
  padding: 0.5em 1em;
}
.row .cell-header {
  font-weight: bold;
  text-align: right;
  width: 14em;
}
.cell div.check {  }
input[type='checkbox'] + label { display:inline-block;margin-bottom:10px; vertical-align:top; }

input.button {
  background-color: #821616;
  border: 2px outset #821616;
  color: #FFFFFF;
  padding: 0.2em 0.4em;
  text-decoration: none;
  font-size: 1.1em;
}
input.button-clear {
  background-color: #878787;
  border: 2px outset #878787;
  color: #FFFFFF;
  padding: 0.2em 0.4em;  /* 0.35em 0.5em; */
  text-decoration: none;
  font-size: 1.1em;
}
input.textinput {
  width: 18em;
  vertical-align: middle;
}
input.date-day {
  width: 2em;
}
input.date-year {
  width: 4em;
}
textarea.multi-line-input {
  width: 38em;
  height: 7em;
}
input.textinput-twocol {
  width: 14em;
  vertical-align: middle;
}
textarea.multi-line-input-twocol {
  width: 31em;
  height: 7em;
}
textarea.multi-line-input-onecol {
  width: 18em;
  height: 5em;
}

.required {
  padding-left: 5px;
  color: #821616;
}


.row_invis {
  visibility:hidden;
  display:none;
  size:0;
  height:0;
  position:absolute;
  left: -9999px;
}

/* ===================== advanced search page only ===================== */
#seek1 .row {
  border-bottom: 0px;
  font-size: 11px;
  line-height: 1.5;
}
#seek1 .row-divide {
  border-bottom: 1px dotted #B6B6B0;
  font-size: 11px;
  line-height: 1.5;
}
#seek1 .row .cell {
  float: left;
  padding: 0.5em 1em 0;
}
#seek1 .row-divide .cell {
  float: left;
  padding: 0.5em 1em 0.6em;
}
#seek1 .row .cell-1, #seek1 .row-divide .cell-1 {
  text-align: right;
  width: 4em;
}
#seek1 .row .cell-2, #seek1 .row-divide .cell-2 {
  text-align: right;
  width: 8em;
}
#seek1 input[type=radio] { vertical-align: middle; margin-bottom: 4px; }
#seek1 input[type=checkbox] { vertical-align: middle; margin-bottom: 4px; }

.results_for { font-size: 13px; font-weight: bold; color: #990000; }

/* ===================== end advanced search page ===================== */


/* ===================== Newsletter Archive ===================== */
#newsletter_archive {}
#newsletter_archive h3 {
  border-left: 7px solid #821616;
  border-top:1px solid #821616;
  line-height: 1.8;
  margin: 0 0 1em 0;
  padding-left: 1em;
  color: #5C5C5C;
  font-size: 13px;
}
#newsletter_archive ul { 
  margin:0 0 1em; 
  padding: 0 0 0 1.8em;
  list-style: none none;
}
#newsletter_archive li { 
  margin:0; 
  padding: 0;
  list-style: none none; 
  float:left
}
#newsletter_archive li a { margin-right:1em }


ul.noBullets {
  list-style: none none;
  font-size: 11px;
}
ul.noBullets li {
  list-style: none none;
  padding-bottom: 1em;
}

ul.noBulletsNoPadding {list-style: none none;font-size:11px}
ul.noBulletsNoPadding li {list-style: none none;}

ul.bullets,
ul.bullets li { list-style: disc outside none}

ul.bullets ul.bullets, 
ul.bullets li ul.bullets li { list-style: square outside none}

ul.bullets ul.bullets ul.bullets, 
ul.bullets li ul.bullets li ul.bullets li { list-style: circle outside none}

.lead-strong {
  font-weight: bold;
}
.lead-em {
  font-style: italic;
}
  
ul li .item-note {
  font-size: 95%;
}

/************ searchhelp.shtml ************/
dl.bullets {
  margin: 1em 0;
  padding: 0 0 0 2em;
}
dl.bullets dt {
  margin: 0;
  padding: 0;
  text-indent: -1em;
  font-weight: bold;
}
dl.bullets dt:before {
  content: "\2022  \0020";  /*    \2022 = bullet; \0020 = space    */
}
dl.bullets dd {
  margin: 0 0 1.5em;
  padding: 0;
}
/*******************************************/

dl dt { font-size: 14px; font-weight:bold; margin: 10px 0 0 0; }  /* CFD Definitions page */
dl dd { margin: 2px 0 20px 15px; }

dl dd ul {margin-left: 0px;  padding-left: 15px; }
dl dd ul li {margin-left: 0px; }

dl dd dl dt { font-size: 12px; margin: 10px 0 0 25px; }
dl dd dl dd { margin: 2px 0 20px 25px; }

/* ===================== Newsletter issues ===================== */
#newsletter-content {  }
#newsletter-content .boilerplateHeader { 
  border-top: 1px dashed #cbcbcb;
  border-bottom: 1px dashed #cbcbcb;
  padding: 1em 0;
  margin: 1em 0;    
}
#newsletter-content .boilerplateFooter { 
  border-bottom: 1px dashed #cbcbcb;
  padding: 1em 0;
  margin: 1em 0;    
  font-size: 95%;
}
#newsletter-content .news-article { 
  border-bottom: 1px dashed #cbcbcb;
  padding: 1em 0;
}
#newsletter-content h3 {
  display: inline-block;
  border-top: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
  margin-top: 2.5em;
}


/* ===================== SBI What's New page ===================== */
.pubinfo {
  font-size: 0.9em;
  font-style: italic;
  padding-left: 1.2em;
  font-weight: normal;
}
.itemtitle {
  font-weight: bold;
}
.pubdescription { font-size: 0.9em; }
/*
#recentpubs ul li { margin-bottom: 1.0em; }
#recentpubs ul li li { margin-bottom: 0; }
*/


/** Expand and Collapse all links (generated by javascript) **/
.tool-expandcollapseall { 
  font-size: smaller; 
  margin: 1em 0; 
  text-align: right;
  color:#999;   /* #5C5C5C  */
}
.tool-expandcollapseall a { color:#999; }   /* #5C5C5C  */
.tool-expandcollapseall a:hover {  }









/* ===================== Explorer technology list (on landing pages, too) ===================== */
ul.floating-list { float:left; margin:0 1em 0 2em; padding:0; }
ul.floating-list li {  }
ul.floating-list li a { text-decoration:none; }
ul.floating-list li a:hover { text-decoration: underline; }






/* ===================== Client Landing Pages ===================== */
#landing-page {  }
#landing-page .company-info {  }
#landing-page h1 {  }
#landing-page h1 span {  }
#landing-page h2 { line-height: 1; margin-bottom: 1.7em; }
#landing-page .company-info h2.errornote { line-height: 1.6; }
#landing-page h4+p { font-size: 0.95em; }
#landing-page h5 { margin-left: 2em; }
#landing-page .contact { margin-left: 30px; margin-bottom: 2em; float: left; }
#landing-page .contact h4 { margin: 0 0 0.4em; padding: 0; line-height: 1; }
#landing-page .contact h4+p { font-size: 1em;  }
#landing-page .service {
  clear:both;
  border-top: 1px dashed #b9b9b9;
  margin: 1em 0;
  padding: 1em 0 0;
}
#landing-page .service a { text-decoration: none !important; }
#landing-page .service a:hover { text-decoration: underline !important; }


#landing-page .general-links { margin: 0 0 1.4em;  }

#landing-page ul.aligned { margin-top: 0px;  }

#landing-page ul.floating-list {
  margin: 0 4em 0 3em;
  padding: 0;
}
  
#landing-page .scan ul.aligned li span { font-size: 0.95em; padding-left: 1.5em; }
#landing-page .vww ul.aligned li span { font-size: 0.95em; padding-left: 0; } /* no more VWW */

#landing-page ul.aligned li ul {
  padding-left: 30px;
  margin-left: 0px;
}

#landing-page .scan-jp {margin-bottom: 1em;}
#landing-page ul.scan-monthly {font-size: 0.95em;}
#landing-page ul.scan-monthly li {font-style: italic;}
#landing-page ul.scan-monthly li ul {padding-bottom: 0; margin-bottom: 0;}
#landing-page ul.scan-monthly li ul li {font-style: normal;padding-bottom: 0;margin-bottom: 0;}
#landing-page ul.meeting_AbSet {font-size: 0.95em; padding-top:5px;}

#landing-page #drf ul.bullets {margin-top:2px;}
#landing-page ul.rf_updates {margin-top:2px;}
#landing-page ul.rf_updates li .month{font-size: 0.95em;font-style:italic;color:#666;}
#landing-page ul.rf_updates li ul {padding-bottom: 0; margin-bottom: 0; list-style: outside none square;}
#landing-page ul.rf_updates li ul li {font-style:normal; padding-bottom: 0;margin-bottom: 0; list-style: outside none square;}

.twitter-follow-button {vertical-align:middle;}
#landing-page .twitter-follow-button {vertical-align:bottom;}


#landing-page .xplr-list {
  margin-bottom: 2em;
  font-size: 0.95em;
}
#landing-page .xplr-list .sponsored {    /* this just stopped working one day; any li with class="sponsored" just wouldn't display in firefox 3.6.3; so i changed all instances to class="sponsored_tech" and it magically started working again  (3 May 2010) -- probably AdBlock; see below */
  font-weight: bold;
  background: transparent url(/theme/images/sponsored2.gif) no-repeat 0% 35%;   /* (2 May 2014) AdBlock add-on for Firefox was preventing "sponsored.gif" from loading */
  text-indent: 0px;
  margin-left: -10px;
  padding-left: 10px;
}
#landing-page .xplr-list .sponsored_tech {
  font-weight: bold;
  background: transparent url(/theme/images/sponsored2.gif) no-repeat 0% 50%; 
  text-indent: 0px;
  margin-left: -10px;
  padding-left: 10px;
}
#landing-page .xplr-list .discontinued_tech {
  font-weight: bold;
  font-style: italic;
  background: transparent url(/theme/images/sponsored2.gif) no-repeat 0% 50%; 
  text-indent: 0px;
  margin-left: -10px;
  padding-left: 10px;
}
#landing-page .xplr-list span.formerly {    /* tech that changed names, e.g., "Aritifical Intelligence (formerly Knowledge-Based Systems"   */
  font-weight: normal;
  font-style: italic;
  font-size: 85%;
  padding-left: 0.5em;
}

#landing-page .xplr-list .techlist-footnote {    /*  note at bottom of list when a tech disconts but client still gets access for awhile  */
  clear: both;
  font-size: 85%;
  padding-top: 1em;
}
#landing-page .sponsored_tech-example {
  color: #004790;
  font-weight: bold;
  background: transparent url(/theme/images/sponsored2.gif) no-repeat 0% 50%; 
  padding: 0 4px 0 8px;
  margin-left: 5px;
}


#landing-page .cfd .MMdelivs { width:49%; float:left; }

#landing-page .cfd ul.MMwaveDeliverables { font-size: 0.95em; margin: 1em 1em 0 3em; padding: 0; list-style: disc outside none; }
#landing-page .cfd ul.MMwaveDeliverables li { list-style: disc outside none; }
#landing-page .cfd ul.MMwaveDeliverables ul { list-style: square outside none; margin-top: 0.4em; }
#landing-page .cfd ul.MMwaveDeliverables li ul li { list-style: square outside none; }
#landing-page .cfd .MMdelivsArchive { padding-top:10px; margin-top:0px; }

#landing-page .cfd .notcustom { padding-left:0.5em; font-style:italic; }
        /* ========== phasing out the CFD MMwaves, sponsored_tech styles ========== */
  
#landing-page .cfd ul.MMwaves {
  font-size: 0.95em;
  margin: 0 1em 0 3em;
  padding: 0;
}

#landing-page .cfd ul.MMwaves div.wave {
  margin-bottom: 1.7em;
}
#landing-page .cfd .sponsored {   /* this just stopped working one day; any li with class="sponsored" just wouldn't display in firefox 3.6.3; so i changed all instances to class="sponsored_tech" and it magically started working again  (3 May 2010)  */
  font-weight: bold;
  background: transparent url(/theme/images/sponsored2.gif) no-repeat 0% 50%;   /* (2 May 2014) AdBlock add-on for Firefox was preventing "sponsored.gif" from loading */
  text-indent: 0px;
  margin-left: -10px;
  padding-left: 10px;
}
#landing-page .cfd .sponsored_tech {
  font-weight: bold;
  background: transparent url(/theme/images/sponsored2.gif) no-repeat 0% 50%;
  text-indent: 0px;
  margin-left: -10px;
  padding-left: 10px;
}
          /* =====================================================================*/

#landing-page ul.vals-tools { font-size: 0.95em; }
#landing-page .vals h4 { margin-top: 0; padding-top: 0; }  

#landing-page .recentpubs { font-size: 0.95em; margin-top: 0; }



#landing-page div.discontinued-access {   /*  afec.shtml -- they got access to all discontinued techs when they were an all-tech client  */
  margin-top: 2em;
}
#landing-page div.inquiries {   /* exxonmobil.shtml -- their inquiries are posted on their landing page  */
  margin-top: 3em;
  width: 90%;
}
#landing-page div.inquiries table#inquiries th.date { width: 10em; }
#landing-page div.inquiries table#inquiries td ul { margin-top: 0.5em; margin-bottom: 0; }

#landing-page div.other_svcs {    /* dhs.shtml -- posted a custom webinar and other custom links on their lanidng page */
  border-top: 1px dashed #b9b9b9;
  margin: 0 0 1em;
  padding: 1em 0 0;
}
#landing-page div.other_svcs ul {    /* dhs.shtml */
  margin-left:10px;
  padding-left:10px;
  margin-top:0px;
}

     /* ============ announcements section on client landing pages =============== */
#clntAnnouncements {
  border: 1px solid #999;
  border-collapse: separate !important;
  background-color: #eee;
  font-size: 95%;
  padding:10px 15px 2px;
  margin: 30px 0 30px;
  -webkit-box-shadow: 4px 4px 7px rgba(0,0,0,0.25);
  -moz-box-shadow: 4px 4px 7px rgba(0,0,0,0.25);
  box-shadow: 4px 4px 7px rgba(0,0,0,0.25);
}
#clntAnnouncements h2 { margin:0 0 8px; padding:0; color:#5C5C5C; font-size:110%; }
#clntAnnouncements p {
  margin: 0 0 8px;
  line-height:1.5em;
}
#clntAnnouncements .staticAnnouncements {
  padding-bottom:0px;
  margin-bottom:4px;
  border-bottom:1px dotted #aaa;
}
#clntAnnouncements .staticAnnouncements .featuredCont { float:right; }
#clntAnnouncements .staticAnnouncements .newsletterSignup { float:right; margin-top:-22px; }
#clntAnnouncements .rotatingAnnouncements { clear:both; }
#clntAnnouncements .rotatingAnnouncements ul { list-style:disc outside none; margin-left:5px; padding-left:15px; line-height:1.4em; }
#clntAnnouncements .rotatingAnnouncements ul li { list-style:disc outside none; margin-top:3px;margin-bottom:0; }




/* ===================== Featured Content Pages ===================== */
#sbinews_sign_up {
  float:right;
  width: 145px;
  top: 200px;
  left: 850px;
  border: 1px solid #999;
  border-collapse: separate !important;
  background-color: #eee;
  font-size: 11px;
  padding:7px 8px 0px;
  margin: 25px -190px 20px 0;
  -webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.25);
  -moz-box-shadow: 3px 3px 6px rgba(0,0,0,0.25);
  box-shadow: 3px 3px 6px rgba(0,0,0,0.25);
}

.featured_content .pub-copy-teaser {
  margin-bottom: 2em;
  font-size: 115%;
  }

.featured_content div.pub-copy-teaser .contactus { font-size:87%; font-weight:normal; font-style:italic; }
.featured_content div.pub-copy-teaser:after { content:"\00A0\2726\00A0\00A0\2726\00A0\00A0\2726"; display:block; width:100%; margin:1em 0; font: 75%/1.8 Verdana,Geneva,Arial,Helvetica,sans-serif;}  /* inserts: \00A0 = space; \2726 = diamond */

blockquote.sample_question {
  margin: 2em 4em 1em 1em;
  padding:0;
  }
blockquote.sample_question .sample_question_wrapper {
  float:left;
  width: 100%;
  background-color: #F2F2F2;
  border: 1px solid #dadada;   /* EBEBEB  */
  margin-bottom:1em;
  padding: 0 1em;
  color: #444444;
  line-height: 1.5;
  font-family: Arial,sans-serif;
  
  }
blockquote.sample_question h4 { clear:both; }
blockquote.sample_question p { margin-top:1em; }
.sample_question ul {
  float:left;
  list-style-type: none;
  margin:0 0 1em 0;
  padding:0;
  line-height: 1;
  }

.sample_question ul li {
  list-style-type: none;
  }
.sample_question ul li.response_opt {
  float: left;
  padding-right: 2.5em;
  margin-bottom: 0em;
  text-align:center;
  }


/* ===================== Scan Featured Content Pages (Martin's new marketing piece begining Jan 2015) /scan/featured/ ===================== */

#scan_featured_development { 
  margin:3em 0;
  padding:0;
  position:relative;
}
#scan_featured_development h4 { 
  font-style:italic;
  font-size:120%;
}
#scan_featured_development .datapts_section {
  margin:0 0 10px;
  padding:0;
}
#scan_featured_development ul.datapoints {
  margin: 1em 0 0;
  padding:0em;
  border:0;
}
#scan_featured_development ul.datapoints li {
  list-style-position:inside;
  float:left;
  margin:0 0 0 11px;
  padding:5px 5px 5px 15px;
  text-indent:-10px;
  color:#444444;
  background-color: #d1dbf0;
  border: 1px solid #2b5193;
  width:28%;
  font-size:10px;
}
#scan_featured_development ul.datapoints li:first-child { margin-left:0; }

#scan_featured_development ul.datapoints li a { color:#444444; text-decoration:none; }
#scan_featured_development ul.datapoints li a span { color:#2b5193; }

#scan_featured_development .imps_section {
  border-top: 5px solid #97261F;
  border-bottom: 5px solid #97261F;
  margin: 10px 0 30px;
}
#scan_featured_development .imps_section .imps_sectiontitle_container { text-align:center; margin-bottom:-28px; }
#scan_featured_development .imps_section h4.imps_sectiontitle {
  display:inline;
  font-size:9px;
  color:#97261F;
  font-style:normal;
  position:relative;
  top:-15px;
  background-color:#fff;
  padding: 3px 30px;
  text-align:center;
}

#scan_featured_development .imps_section h5 { font-size:110%; margin-left:0;}
#scan_featured_development .imps_section h5 span { font-style:italic; }

#scan_featured_development .prevalerts_section .timeline { margin: 20px 0 10px; }
#scan_featured_development .prevalerts_section ul {  }
#scan_featured_development .prevalerts_section ul li {  }
#scan_featured_development .prevalerts_section ul li a:first-child { font-weight:bold; }





/* ===================== One-off Report Order Pages ===================== */
/************ CFD: Kehrer Report series; IAP Reports ************/
/************ VALS: Understanding U.S. Consumers ****************/

div.pymt_method_container {
  width: 755px;
}

div.method {
  float: left;
  border: 1px solid #dadada;
  background-color: #f2f2f2;
  padding: 0 10px 15px;
  margin: 10px 15px 30px 0;
  width: 45%;
  height: 12em;
}

div.method div.item {
  width: 95%;
  text-align: right;
  line-height: 2.5;
}

/* div.pymt_method_container .method h2 a { font-size:11px; color:#900 !important; text-decoration:none !important; } */
div.pymt_method_container .method h2 span { font-size:12px; margin-top:-5px; padding-top:0px; }
div.pymt_method_container .method h3 {font-size: 10px; margin-top:0;padding-top:0; }

div.pymt_method_container .method .item .rpt_container { float:left; width:100%; margin-bottom:10px; margin-top:5px; }
div.pymt_method_container .method .item .rpt_title { float:left; text-align:left; width:79%; line-height:1.5; }
div.pymt_method_container .method .item .rpt_price { float:left; text-align:right; width:19%; line-height:1.5; }

div.shipping-explain {
  width: 95%;
  margin: 30px 0;
  padding: 5px 5px 0 5px;
  border: 1px solid #999;
  clear: both;
  font-size: 11px;
}
div.shipping-explain h4 {
  display: inline-block;
  margin-top: -1.3em;
  padding: 0 3px 5px 5px;
  color: #999;
  background-color: #fff;
  font-size: 120%;
  width: 18%;
}
div.shipping-explain p { margin-bottom: 5px; }






/* ================== AddThis sharing widget used on Featured Content articles and CFD MMMT newsletters ===================*/
.addthis {
  position:relative;
  z-index:100;
  margin-top:-18px;
  float:right;
}
.addthis a.anchor {
  background: none !important; 
}


/* ================== Other Random styles used here and there ===================*/

/* "MacroMonitor" no longer bolded ber Bill Guns' instruction, May 2011.
Used to be: Make instances of "MacroMonitor" bold text, per Larry's instructions */
.MM { /* font-weight: bold; */ }
/* Make instances of "Areas to Monitor" or whatever bold text, per Judy's rules */
.tech-map-sect { font-weight: bold; }
.topic_theme { font-style: italic; }


/* important, explanatory note in rt. col., e.g. loginFailed.asp: Why am I seeing this page? */
div.explain {
  font-size: 0.8em;
  padding: 0.5em 1em;
  margin-top: 42px;
  background-color: #F9F3F3;
  border: 1px solid #821616;
}
/* error notes for forms, "this tech is no longer monitored", etc. */
.errornote {
  font-size: 1em;
  padding: 0.5em;
  background-color: #F9F3F3;
  border: 1px solid #821616;
  color: #990000;
}
.discontinued {   /* similar to errornote -- note for Xplr techs that have changed names or discontinued */
  font-size: 1em;
  padding: 0.5em;
  margin: 15px 0 15px;
  background-color: #F9F3F3;
  border: 1px solid #821616;
  color: #990000;
}
.one_off_sale {  /* note about 30-day web access to old xplr techs being available for sale (on those tech pages) */
  font-weight: normal;
  background-color: #F2F2F2;
  border: 1px solid #dadada;   /* EBEBEB  */
  padding: 0.5em;
  margin-bottom: 25px;
}

.file-size {
  font-style: italic;
  font-size: 85%;
  padding-left: 0.8em;
}
.emphasize { font-weight: bold; }
.note { font-style: italic; }
.note_boxed { 
  padding: 0.5em;
  background-color: #ededed;
  border: 1px solid #666;
}

.privacy_contact_address {margin-left:30px;} /* used for mailing address on privacy policy page */
.note_boxed h3 { margin-top:3px; margin-bottom:5px; }
.footnote { font-size: 85%; }   /* any random asterisked note at the bottom of some text  */
.nobr { white-space:nowrap; }   /* to replace old <nobr></nobr> tags */
.ordernow { font-size:120%; font-weight: bold; }   /* "order this report" or "order now" links within body text on CFD/VALS one-off report pages */
.new { color:#990000; font-weight: bold; font-style:italic; }
.red {color:#990000;}

a:link span.scan_twitter { text-decoration:none !important; font-size:18px; }
div.scan_twitter { display:inline-block; text-decoration:none !important; }

.screen_reader { position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden; }  /* positions content off-screen so it won't be seen but will still be read by screen readers for the blind */

.embedded_video { margin: 3em 0; }