@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
***/


/** BEGIN: Main section ***/
/** Sub section **/
/* Comment */

/** END: Main section ***/



/******* 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; }

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.1;
  margin: 0 0 1em;
  font-size: 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., /scan/about.shtml   */
  float: right;
  margin: 1em 0 1em 1em;
}
.interestB {  /*  interest callout divs (mostly imgs) in text, e.g., /scan/about.shtml   */
  float: left;
  margin: 1em 1em 1em 0;
}
.interestC {
  margin: 1em 1em 1em 0;
}
.interestA img, .interestB img, .interestC img { margin: 0; }
  
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;
}
.featured { float: right; margin: 0 0 0.75em 0.75em;}
  

.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 ***/





h1.headline {

}
a.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;

}
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%; }

div#ui-header .ui-content {  }
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 6em 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%; }
div#ui-footer .ui-content .ui-footer-content-right a { float: right; }
div#ui-footer .ui-content .ui-footer-content-right a img { padding-left: 5px; }
/** 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; }
/*  kjp added */
#sidebar-navigation li#cfd.active a { background-position: 0 0px !important; }
/*  kjp removed: 
#sidebar-navigation li#cfd.active a { background-position: 0 -46px !important; } */

#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#vww a { background-image: url(../images/nav/Virtual_Worlds_at_Work.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 */
}

/** Forth 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 */
}

/** 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;
}




/** BEGIN: Homepage only styles ***/

/* Main hero */
#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 { bottom: 25px; color: #D6E7F2; display: block; font-size: 15px; font-weight: 600; line-height: 1.3; position: absolute; right: 20px; width: 570px; 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 */
ol#ongoing-research { list-style: none none; margin: 0; padding: 0; }
ol#ongoing-research li { list-style: none none; margin: 0; padding: 0.6em 10px 1.1em 8px; } /* kjp: padding-bottom was 0.5em */
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 p { padding-top: 5px; margin-bottom: 0; }
ol#ongoing-research li p img { padding-right: 4px; }

/* kjp: Consulting Services (on site home page only) */
div#consulting-services ul {
  list-style: none none;
  margin: 0;
  padding: 0;
}
div#consulting-services ul li {
  list-style: none none;
  margin: 0;
  padding: 0 0 0.9em ;
}

/** END: Homepage only styles ***/






/** BEGIN: Program top pages ***/
#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; }
/* kjp removed
#ui-program-intro #ui-program-hero {
  float: left;
  margin-right: 20px;
}
*/
#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-intro #ui-program-teaser p {   */
#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;
  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 top pages ***/






/** BEGIN: Relative Content ***/
.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: Relative Content ***/








/** 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 {
  line-height:1.2;
}

.pub-group h3,
.pub-groupFirst 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 }
/* Fix for IE7 from Osmund */
*:first-child+html .pub-group h3 { zoom:1 }
*:first-child+html .pub-groupFirst h3 { zoom:1 }


.pub-group h3 small,
.pub-groupFirst 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 {
  list-style: none;
  margin: 0 0 1em 0;
  padding: 0;
}

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

.pub-group .pub-item,
.pub-groupFirst .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 {
  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 {
  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 {
  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 {  /* 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 {
  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;
}


/** 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;*/ }

.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, 
.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 not 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;
}

.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;
	}
.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: 4.5em 0 0;
  padding: 1em 1em 0.5em;
  width: 100%;
}
.related-pubs h4 { margin-top: 0; }
.related-pubs ul {   /* Scan Patterns: "Abstracts used in this Pattern"  */
  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%;
}

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


/*   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) ***/
.vpts-nva-section {  
  border-bottom: 1px dashed #dbdbdb;
  padding-top: 1.5em;
  padding-bottom: 0em;
}

/** Non-Value-Add section titles: Recent Devs; Areas to Monitor, etc */
.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  **/
.vpts-nva-article {   
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}

/** titles of individual Non-Value-Add articles  **/
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 ***/
.vpts-va-section {  
  border-bottom: 1px dashed #dbdbdb;
  padding-bottom: 1.5em;
  padding-top: 1em;
}
/** 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; }

/***********  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 #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 {
  background-color: #f1f1f1;   /* F5F5F5 */
}
table.defaultTable tr.even th,
table.defaultTable tr.even td { background-color: #fff; }

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

tr.stripe td { background-color: #f1f1f1; }

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 {  }
table.defaultTable td.level2 { padding-left: 2em; }
table.defaultTable td.level3 { padding-left: 4em; }
table.defaultTable td.level4 { padding-left: 6em; }
table.defaultTable td.level5 { padding-left: 8em; }


table td.checked { text-align: center; font-size: 1.6em !important; }  /*  for displaying a diamond symbol in a table cell -- &#9830;  */

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

table#toc td.hdr-tables,
table#toc td.hdr-figures,
table#toc td.hdr-boxes,
table#toc 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;
}
table#toc td.hdr-tables h4 {
  background-color: #d5d5d5 !important;  /*d5d5d5*/
  display: inline-block;
  padding-left: 1em;
  padding-right: 1em;
}
table#toc 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: 10px;
  line-height: 1.5;
}
.row .cell {
  float: left;
  padding: 0.5em 1em;
}
.row .cell-header {
  font-weight: bold;
  text-align: right;
  width: 14em;
}
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;
}

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


/* ====== advanced search page only ===== */
#seek1 .row {
  border-bottom: 0px;
  font-size: 10px;
  line-height: 1.5;
}
#seek1 .row-divide {
  border-bottom: 1px dotted #B6B6B0;
  font-size: 10px;
  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;
}
/* ====== end advanced search only styles ====== */


/* 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}

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

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;
}



/* Newsletter issues - added by KJP */
#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 - added by KJP */
.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 {  }









/** October 21, 2008 02:38:25 PM **/
/** 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 .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 {
  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; }

#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 .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)  */
  font-weight: bold;
  background: transparent url(/theme/images/sponsored.gif) no-repeat 0% 35%; 
  text-indent: 0px;
  margin-left: -10px;
  padding-left: 10px;
}
#landing-page .xplr-list .sponsored_tech {
  font-weight: bold;
  background: transparent url(/theme/images/sponsored.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/sponsored.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-example {
  font-weight: bold;
  background: transparent url(/theme/images/sponsored.gif) no-repeat 0% 50%; 
  padding: 0 8px;
  margin-left: 5px;
}
#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: 1em;
}
#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/sponsored.gif) no-repeat 0% 50%;
  text-indent: 0px;
  margin-left: -10px;
  padding-left: 10px;
}
#landing-page .cfd .sponsored_tech {
  font-weight: bold;
  background: transparent url(/theme/images/sponsored.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 get access to all discontinued techs  */
  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; }




/***** Featured Content Pages *****/
.featured_content .pub-copy-teaser {
  margin-bottom: 2em;
	font-size: 115%;
	}

.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;}

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;
  }






/* 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; }



/* 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;
}
.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;
}
.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;
}

.emphasize {
  font-weight: bold;
}
.note {
  font-style: italic;
}
.file-size {
  font-style: italic;
  font-size: 85%;
  padding-left: 0.8em;
}
.footnote {   /* any random asterisked note at the bottom of some text  */
  font-size: 85%;
}