/** styles for Mintel Inspire **/
DIV.new_design.trend_body {
  font-family: Arial, sans-serif;
}
DIV.trend_body DIV.unit,
DIV.trend_body DIV.subsection {
  line-height:1.3em;
}

/* reset anchor styles */

DIV.trend_body DIV.trend_body_content A:link,
DIV.trend_body DIV.trend_body_content A:visited,
DIV.trend_body DIV.trend_body_content A:hover,
DIV.trend_body DIV.trend_body_content A:active {
  color: #012579;
  text-decoration:underline;
}
DIV.trend_body DIV.trend_body_content A.company_in_text,
DIV.trend_body DIV.trend_body_content A.company_in_text:link,
DIV.trend_body DIV.trend_body_content A.company_in_text:visited,
DIV.trend_body DIV.trend_body_content A.company_in_text:hover,
DIV.trend_body DIV.trend_body_content A.company_in_text:active { text-decoration: none }

DIV.trend_body A,
DIV.trend_body A:link,
DIV.trend_body A:visited,
DIV.trend_body A:active,
DIV.trend_body A:hover {
  color: #012579;
  text-decoration: inherit;
  font-weight: inherit;
}

DIV.new_design.trend_body DIV.unit.block DIV.hd, 
DIV.new_design.trend_body H2, 
DIV.new_design.trend_body H3, 
DIV.new_design.trend_body H4, 
DIV.new_design.trend_body DIV.heading_A {
  border: 0;
  margin:0 0 0.4em 0;
  padding:0;
  color: #012579;
}

DIV.trend_body DIV.heading_A {
  font-size: 2em;
}

DIV.trend_body DIV.heading_A A{
  color: #012579;
}

DIV.trend_body DIV.trend_tab_heading{
  font-weight: bold;
  color: #012579;
}

DIV.th_column.th_right {
  width:25%;
  float:right;
  overflow:hidden;
}

DIV.th_column.th_left {
  width:73%;
  float:left;
  overflow:visible;
}

DIV.trend_body DIV.th_introduction {
  margin-right: 4em;
  margin-left:15px;
}

DIV.trend_body DIV.th_introduction P{
  margin-top: 0.5em;
  line-height: 1.5em;
}

DIV.trend_body DIV.trend_bordered_image {
  clear: both;
  border: 1px solid #e5e5e5; 
  padding: 5px;
  margin: 0 10px 10px 10px;
}

DIV.trend_body DIV.story_image {
  float: left;
  margin: 0 1em 1em 0;
  position: relative;
}

DIV.trend_body.new_design DIV.th_editor {
  float:right;
  color: #012579;
}

DIV.trend_body A.more SPAN {
  color: #ffcc00 !important;
}

DIV.trend_body A.more.large,
DIV.trend_body A.more.large:link,
DIV.trend_body A.more.large:visited,
DIV.trend_body A.more.large:active,
DIV.trend_body A.more.large:hover {
  font-size: 1.05em;
  padding-left:0.4em;
  line-height: 1.6em;
  color: black;
}

DIV.th_background_gradient {
  background: white url(/images/oxygen/trends/th_background.jpg) repeat-x 0 20px;
  padding: 0 15px;
  clear:both;
  min-height: 431px;
}

DIV.new_tab {
  float:right;
  margin-right: 20px;
}
DIV.new_tab DIV.inner {
  padding: 0 7px;
  color: white;
}
DIV.new_tab DIV.txt {
  font-weight: bold;
  padding:3px 10px;
}
DIV.new_tab.blue_tab {background: transparent url(/images/oxygen/trends/tabs/blue_r.gif) no-repeat right top;}
DIV.new_tab.blue_tab DIV.inner {background: transparent url(/images/oxygen/trends/tabs/blue_l.gif) no-repeat left top;}
DIV.new_tab.blue_tab DIV.txt {  background: #153393;}
DIV.new_tab.green_tab {  background: transparent url(/images/oxygen/trends/tabs/green_r.gif) no-repeat right top;}
DIV.new_tab.green_tab DIV.inner {  background: transparent url(/images/oxygen/trends/tabs/green_l.gif) no-repeat left top;}
DIV.new_tab.green_tab DIV.txt {  background: #479d22;}
DIV.new_tab.yellow_tab {  background: transparent url(/images/oxygen/trends/tabs/yellow_r.gif) no-repeat right top;}
DIV.new_tab.yellow_tab DIV.inner {  background: transparent url(/images/oxygen/trends/tabs/yellow_l.gif) no-repeat left top;}
DIV.new_tab.yellow_tab DIV.txt {  background: #ffcc00;}
DIV.new_tab.purple_tab {  background: transparent url(/images/oxygen/trends/tabs/purple_r.gif) no-repeat right -1px;}
DIV.new_tab.purple_tab DIV.inner {  background: transparent url(/images/oxygen/trends/tabs/purple_l.gif) no-repeat left -1px;}
DIV.new_tab.purple_tab DIV.txt {  background-color: #34006e;}

DIV.trend_xref_container 
{ 
  padding: 0 1em 1em 1em; 
}

DIV.trend_xref_box {
  width: 100%;
  padding-bottom: 10px;
  position: relative;
}

DIV.trend_xref_box DIV.trend_rounded_box {
  clear: right;
  background: transparent;
  font-size: 0.85em;
}

DIV.trend_xref_box DIV.xref_content A:link,
DIV.trend_xref_box DIV.xref_content A:visited {
  text-decoration: none;
}

DIV.trend_xref_box DIV.xref_content A:active,
DIV.trend_xref_box DIV.xref_content A:hover {
  color: #012579;
  text-decoration: underline;
}

DIV.trend_body DIV.xref_content DIV.story_image {
  float: left;
  margin: 0 1em 0 0;
  position: relative;
}

DIV.trend_xref_box DIV.trend_rounded_box DIV.inside {
  padding: 0 0.5em;
  background: white;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  /* this is to fix a 1px break in the right border */
  bottom: 1px;
  margin-bottom: -2px;
  clear: both;
  position: relative;
  /* IE hack to prevent xref links from being hidden by white
     background here */
  z-index: 1;
  /* IE hack to give hasLayout to this div */
  zoom: 1;
}

DIV.trend_xref_box DIV.xref_content DIV.hd {
  font-size: 1em;
  font-weight: bold;
  color: #012579;
  padding-bottom: 1em;
}

DIV.trend_xref_box DIV.xref_content DIV.bd {
  /* this is to leave room for xref_links - must be padding or IE breaks */
  padding-bottom: 1em;
}

/* in case we have a h3 in sample contents */
DIV.trend_xref_box DIV.xref_content DIV.bd H3 {
  font-size: 1em;
  margin-bottom: 0;
}

DIV.trend_xref_box DIV.xref_content DIV.trend_xref_links {
  font-size: 0.85em;
  color: #012579;
/* XXX: Using position: absolute to put xref links at bottom left of
   the box. This works in IE, but causes the text of the link to
   intrude into the story image sometimes.  */
  position: absolute;
  z-index: 4;
  right: 0.5em;
  bottom: 4px;
  margin: 0;
  padding: 0;
}

DIV.trend_xref_box DIV.xref_content DIV.trend_xref_links.xref_float { 
  clear: left;
  float: right;
  position: relative;
  z-index: 4;
}

DIV.trend_xref_box DIV.xref_content DIV.trend_xref_links SPAN { 
  color: #ffcc00;
}



DIV.trend_xref_sidebar {
  right: 30px;
  position: relative;
}

DIV.trend_xref_sidebar DIV.trend_xref_box DIV.new_tab {
  font-size: 1.2em;
  margin-right: 30px !important; 
  /* IE 6 hack: it seems that in IE 6 margin-right matched from 
     DIV.new_tab above is added to the value declared here, which gives
     a 50px margin instead of 30px. */
  margin-right: 15px;
}

DIV.trend_xref_sidebar DIV.xref_content {
  /* bottom padding must be 0 or it breaks IE */
  padding: 18px 10px 0 10px;
}

DIV.trend_xref_sidebar DIV.xref_content DIV.hd {
  font-size: 1.4em;
  margin-bottom: 0.8em;
}

DIV.trend_xref_sidebar DIV.xref_content DIV.bd {
  font-size: 1.1em;
}

DIV.trend_xref_sidebar DIV.trend_xref_metatrend DIV.xref_content DIV.bd {
  font-size: 1.3em;
}

DIV.trend_xref_sidebar DIV.xref_content DIV.trend_xref_links {
  position: relative;
  bottom: 0;
  height: auto;
  margin: 0 0 1em 0;
  font-size: 1.1em;
}



DIV.trend_rounded_box DIV.top_curves,
DIV.trend_rounded_box DIV.bottom_curves {
  background: white;
  margin: 0 11px;
}

DIV.trend_rounded_box DIV.top_curves {
  border-top: 1px solid #ccc;
  height: 10px;
}
DIV.trend_rounded_box DIV.bottom_curves {
  border-bottom: 1px solid #ccc;
}

DIV.trend_rounded_box DIV.top_curves DIV.trend_curve,
DIV.trend_rounded_box DIV.bottom_curves DIV.trend_curve {
  position: relative;
  width: 11px;
  height: 10px;
}

DIV.trend_rounded_box DIV.top_curves DIV.trend_curve.tl {
  background: transparent url(/images/oxygen/trends/tabs/curve_box_tl.gif) no-repeat 0 0;
  position: relative;
  right: 11px;
  bottom: 1px;
}
DIV.trend_rounded_box DIV.top_curves DIV.trend_curve.tr {
  float: right;
  background: transparent url(/images/oxygen/trends/tabs/curve_box_tr.gif) no-repeat 0 0;
  position: relative;
  left: 11px;
  bottom: 1px;
}

DIV.trend_rounded_box DIV.bottom_curves DIV.trend_curve.bl {
  background: transparent url(/images/oxygen/trends/tabs/curve_box_bl.gif) no-repeat 0 0;
  position: relative;
  right: 11px;
  top: 1px;
}
DIV.trend_rounded_box DIV.bottom_curves DIV.trend_curve.br {
  float: right;
  background: transparent url(/images/oxygen/trends/tabs/curve_box_br.gif) no-repeat 0 0;
  position: relative;
  left: 11px;
  top: 1px;
}



DIV.trend_body DIV.trend_options_box {
  color: #012579;
  background: transparent url(/images/oxygen/trends/options_box_large.jpg) no-repeat bottom left;
  height: 134px;
  width: 199px;
  margin: 0 20px 20px 0;
  padding-left: 10px;
  float: right;
}

DIV.trend_body DIV.trend_options_box.small {
  background: transparent url(/images/oxygen/trends/options_box.jpg) no-repeat 0 0;
  height: 110px;
}

DIV.trend_body DIV.trend_options_box.large {
  height: 155px;
}

DIV.trend_body DIV.trend_options_box.huge {
  height: 176px;
}


@media print {
   /* TRIP 4432 */
   DIV.trend_body DIV.trend_options_box.large {
      float:none;
   }
}

DIV.half_column{ 
  width: 50%;
  overflow: hidden;
  float: left;
}

DIV.third_column {
  width:33.3%;
  overflow:hidden;
  float:left;
}

DIV.trend_observation {
  border: 1px solid #ccc;
  background: white url(/images/oxygen/trends/trend_obs_bg.png) top left repeat-x;
  margin: 0 5px 5px 0px;
  font-size:0.8em;
}
DIV.trend_body DIV.trend_observation A,
DIV.trend_body DIV.trend_observation A:link,
DIV.trend_body DIV.trend_observation A:hover,
DIV.trend_body DIV.trend_observation A:active,
DIV.trend_body DIV.trend_observation A:visited {
  color:black;
}

DIV.trend_clickthroughs { float: right; text-align: right }
DIV.trend_clickthroughs A { padding-left: 0.5em }

DIV.trend_body DIV.valueslabel {
  color: #012579;
  float:left;
  font-size: 1.2em;
  font-weight: bold;
}

DIV.trend_body DIV.valuecontainer {
  color: #012579;
  float:left;
  margin: 0 1em 1em 1em;
  width: 60%;
}

DIV.see_also_background {
  background: transparent url(/images/oxygen/trends/gradient_blue_to_white_short.png) repeat-x scroll left 20px;
  overflow: auto;
  width: 100%;
}

DIV.see_also_heading {
  font-size: 1.8em;
  color: #012579;
}
DIV.see_also_heading SPAN
{
  color: #ffcc00;
}

TD.trend_item_body { vertical-align:top; padding-left: 1em}
TD.trend_item_sidebar{ vertical-align: top; width:330px }
DIV.trend_report_sidebar { text-align:center }

DIV.trend_sidebar_lower {
  background: transparent url(/images/oxygen/trends/gradient_white_to_blue.png) repeat-x 0 bottom;
  width:250px;
  float:right;
}
DIV.trend_sidebar_lower.short {
  background: transparent url(/images/oxygen/trends/gradient_white_to_blue_short.png) repeat-x 0 bottom;
}

DIV.trend_sidebar_lower DIV.woman_with_pen {
  background: transparent url(/images/oxygen/trends/woman_with_pen.jpg) no-repeat 0 0;
  clear:right;
  padding-top:219px;
  width:250px;
  min-height:500px;
  padding-bottom:40px;
}
DIV.trend_sidebar_lower DIV.woman_with_pen.what_else {
  background: transparent url(/images/oxygen/trends/woman_with_pen_what_else.jpg) no-repeat 0 0;
  min-height:100px;
}

DIV.trend_sidebar_lower DIV.whatnext_items {
  border: 1px solid #ccc;
  width:224px;
  /* FIXME: mozilla specific hack to make round corner. need to change
     this to something similar to rounded boxes */
  -moz-border-radius: 0 0 20px 20px;
  font-weight: bold;
  color: #012579;
  background-color:white;
}

DIV.trend_sidebar_lower DIV.whatnext { margin: 1em; }
DIV.trend_sidebar_lower DIV.whatnext_bottom_border {border-bottom: 1px solid #ccc;}
DIV.trend_sidebar_lower DIV.whatnext_trendscape_link {text-align:right;padding-top:0.5em}

DIV.trend_extra_xrefs {
  position:absolute;
  z-index:5;
  width:15em;
  background:white;
  padding:0 1em 1em 0;
}

.new_design DIV.horizontal_rule
{
  padding-bottom:0.5em;
  margin-bottom:0.5em;
  border-bottom: 1px solid rgb(255,204,0);
}


TABLE.display_inspire_page_header DIV.trend_browser {
  background-color: #FFFFFF !important;
}

TABLE.display_inspire_page_header DIV#trend_browser_body {
  width: 95%;
}

DIV.trend_browser DIV#content {
  background-color: #FFFFFF;
}

DIV.trend_browser DIV#mainColumn {
  float: right;
  width: 80.0%;
  padding: 0;
}

DIV.trend_browser DIV#leftColumn
{ 
  background-color: white;
  float: left;
  min-width: 100px;
  width: 19%;
}

DIV.trend_browser DIV#leftColumn DIV.show_hide_button
{ 
  margin: 5px;
  font-size: 12px;
  width: 100px;
}

DIV.trend_browser DIV#leftColumn DIV.section_body
{ 
  padding: 10px 0 1em 0;
}

DIV.trend_browser DIV.search_box,
DIV.trend_browser DIV.search_box TD {
  font-size: 1.1em;
}

DIV.trend_browser DIV.search_box
{ 
  margin-bottom: 0px;
}

DIV.trend_browser DIV.search_box DIV.search_box_big_heading
{ 
  position: relative;           /* IE peekaboo bug */
  font-weight: bold;
  margin-left: 1em;
}

DIV.trend_browser DIV.search_box DIV.search_box_heading
{ 
  background: #eee url(/images/oxygen/down_arrow.gif) no-repeat scroll 97% 50%;
  position: relative;           /* to make entire div clickable in IE */
  color: black;
  padding: 3px;
  border-top: 1px solid #ccc;
  cursor: pointer;
}

DIV.trend_browser DIV.search_box DIV.search_box_content
{
  margin: 10px 6px;
}



DIV.trend_browser DIV.search_box DIV.advanced_options
{ 
  clear: both;
}

DIV.trend_browser DIV.search_box DIV.more_options
{ 
  width: 100%;
  padding-top: 10px; 
  padding-left: 3px;
  margin-top: 10px;
  border-top: 1px solid #BBBBBB;
  clear: both;
  vertical-align: middle;
}

DIV.trend_browser DIV.search_box DIV.query_box
{
  height: 1%;
  margin: 0;
  padding: 0 0 3px 3px;
}

DIV.trend_browser DIV.search_box DIV.query_description
{ 
  clear: both;
  overflow: auto;
  border: 1px solid #BBBBBB;
  margin: 3px;
  padding: 3px;  
  height: 120px;
}

DIV.trend_browser DIV.search_box DIV.search_result
{ 
  margin-bottom: 10px;
}



DIV.trend_browser DIV.search_box DIV.search_animation_label
{ 
  font-weight: bold;
  text-align: center;
}

DIV.trend_browser DIV.search_box DIV.search_animation
{ 
  text-align: center;
  padding: 20px;
  background-color: #FFFFFF;
}



DIV.trend_browser DIV.search_box SELECT.value_options
{
  width: 150px;
  font-size: 0.8em;
}

DIV.trend_browser DIV.search_box DIV.value_selected
{ 
  width: 150px; 
  height: 100%;
  height: 70px;
  overflow: auto;
  font-size: 0.8em;
}

/***************************************************
 *         Here be Inspire Phase 3.2!              *
 ***************************************************/
TABLE.display_inspire_page_header {
  width: 100%; 
  height: 65%; 
  vertical-align: top; 
  margin: 20px; 
  padding: 0;
  border-collapse: collapse;
}

TABLE.display_inspire_page_header TD.top_cell {
  padding: 0;
}

TABLE.display_inspire_page_header DIV.inspire_page_background_left {
  width: 918px;
  margin: 0 auto;
}

TABLE.display_inspire_page_header DIV.inspire_page_background_right {
  width: 918px;
  margin: 0 auto;
}

TABLE.display_inspire_page_header DIV.inspire_page_background {
  background-color: white;
}

TABLE.display_inspire_page_header DIV.inspire_page_body,
DIV.display_inspire_print DIV.inspire_page_body {
  background-color: white;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.3em;
  color: #585858;
  margin: 0 auto;
}

TABLE.display_inspire_page_header DIV.inspire_page_body
{
    width: 900px;
    font-size: 85%;
}

DIV.display_inspire_print DIV.inspire_page_body
{
    width: auto;
    font-size: 10pt;
}

DIV.display_inspire_print DIV.inspire_logo
{
    border-bottom: 3px solid #3E50A8;
    margin-bottom: 1em;
    padding-bottom: 1em;
}

/*Header*/

DIV.header_inspire_sub_menu {
  width: 98%;
  padding: 2px 9px 2px 9px;
  font-size: 110%;
}

DIV.trend_home DIV.header_inspire_sub_menu {
  margin-bottom: 6px;
}

DIV.header_inspire_sub_menu DIV.tl, 
DIV.header_inspire_sub_menu DIV.bl, 
DIV.header_inspire_sub_menu DIV.tr, 
DIV.header_inspire_sub_menu DIV.br {
  width: 7px;
  height: 7px;
  position: relative;
}

DIV.header_inspire_sub_menu DIV.tl, 
DIV.header_inspire_sub_menu DIV.bl {
  right: 7px;
  float: left;
}

DIV.header_inspire_sub_menu DIV.tr, 
DIV.header_inspire_sub_menu DIV.br {
  left: 7px;
  float: right;
}

DIV.header_inspire_sub_menu DIV.top,
DIV.header_inspire_sub_menu DIV.bottom {
  height: 7px;
  margin: 0 7px;
}

DIV.header_inspire_sub_menu DIV.top {
  background: transparent url(/images/oxygen/trends/new/menubar_t.gif) repeat-x left bottom;
}

DIV.header_inspire_sub_menu DIV.bottom {
  background: transparent url(/images/oxygen/trends/new/menubar_b.gif) repeat-x left top;
}

DIV.header_inspire_sub_menu DIV.tl {
  background: transparent url(/images/oxygen/trends/new/menubar_tl.gif) no-repeat left bottom;
}

DIV.header_inspire_sub_menu DIV.tr {
  background: transparent url(/images/oxygen/trends/new/menubar_tr.gif) no-repeat left bottom;
}

DIV.header_inspire_sub_menu DIV.content {
  background: #3e50a8 url(/images/oxygen/trends/new/menubar_l.gif) repeat-y left top;
  margin-right: 7px;
}

DIV.header_inspire_sub_menu DIV.body {
  background: transparent url(/images/oxygen/trends/new/menubar_r.gif) repeat-y right top;
}

DIV.header_inspire_sub_menu DIV.bl {
  background: transparent url(/images/oxygen/trends/new/menubar_bl.gif) no-repeat left top;
}

DIV.header_inspire_sub_menu DIV.br {
  background: transparent url(/images/oxygen/trends/new/menubar_br.gif) no-repeat left top;
}

DIV.header_inspire_sub_menu UL {
  padding: 0;
  margin: 0;
  text-align: center;
}

DIV.header_inspire_sub_menu LI {
  display: inline;
  color: #FFFFFF;
  padding: 0px 18px;
}

DIV.header_inspire_sub_menu LI A, 
DIV.header_inspire_sub_menu LI A:visited {
  color: #FFFFFF;
}

DIV.header_inspire_sub_menu LI A:hover, 
DIV.header_inspire_sub_menu LI A:visited:hover {
  color: #FF0000;
}

TABLE.display_inspire_page_header DIV.titlebar {
  clear: both; 
  margin: 6px 12px;
}

TABLE.display_inspire_page_header DIV.titlebar DIV.title {
  font-family: sans-serif; 
  float: left; 
  color: #485DC5; 
  font-size: 1.3em; 
  margin: 0;
  line-height: 1.2em;
  font-weight: bold;
}

TABLE.display_inspire_page_header DIV.page_options {
  float: right;
}

TABLE.display_inspire_page_header DIV.page_options A.function {
  font-weight: bold;
}

/* left hand side navigation bar */
TABLE.display_inspire_page_header DIV.navbar DIV.navbar_heading { 
  background-color: #485DC5;
  color: white;
  font-size: 1.2em;
  font-weight: bold;
  padding: 15px 10px;
  /* NOTE: if a heading has a very long word, IE6's would expand the
     width of this div incorrectly, which pushed middle column to the right
     and right column to the bottom. We fix this with a naive
     word-wrap function in xslt. 
     The following two commands are backup in case the function fails. */
  overflow: hidden;
  word-wrap: word-break;
}


TABLE.display_inspire_page_header DIV.navbar DIV.navbar_subheading { 
  background-color: #ADC687;
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  padding: 7px 10px;
}


TABLE.display_inspire_page_header DIV.navbar UL { 
  padding: 0;
  margin: 0 0 1.5em 0;
}


TABLE.display_inspire_page_header DIV.navbar LI { 
  border-bottom: 1px dotted gray;
  display: block;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  padding: 2px 0px 2px 16px;
}

TABLE.display_inspire_page_header DIV.navbar LI.selected {
  background-color: #ebfad5;
}

TABLE.display_inspire_page_header DIV.navbar LI.selected A { 
  color: rgb(108, 149, 60) !important;
}


/*Page Body*/

DIV.inspire_page_body #content {
  width: 100%;
  background-color: white;
  clear: both;
  padding-bottom: 10px;
/*
   One True Layout - see comments in DIV.inspire_page_body #rightColumn
  overflow: hidden;
  position: relative;
*/
}

DIV.inspire_page_body DIV.item_display_body {
  background-color: #FFFFFF;
  padding: 1em;
}

DIV.inspire_page_body #content H1 {
  color: #485DC5;
  font-size: 200%;
  font-weight: bold;
  line-height:1em;
}	

DIV.inspire_page_body #content H2 {
  color: #485DC5;
  font-size: 120%;
  font-weight: bold;
  margin: 6px 0 2px 0;
}

DIV.inspire_page_body #content H1 A,
DIV.inspire_page_body #content H1 A:link,
DIV.inspire_page_body #content H1 A:visited {
  color: #485DC5;
  text-decoration: none;
}	

DIV.inspire_page_body #content H2 A,
DIV.inspire_page_body #content H2 A:link,
DIV.inspire_page_body #content H2 A:visited {
  color: #485DC5;
  text-decoration: none;
}		


/* NOTE: all widths and left/right paddings should add up to exactly 100% */ 
DIV.inspire_page_body #leftColumn
{
  background-color: white;
  float: left; 
  width: 15.0%;
  padding: 0 0 0 0;
}	

DIV.inspire_page_body #middleColumn
{
  float: left; 
  width: 58.0%; 
  padding: 0 1.0% 0 1.0%;
}

DIV.inspire_page_body #rightColumn
{
  float: left; 
  width: 24.0%;
  /* stops IE from pushing this column to bottom */
  margin-right: -1px;
  padding: 0 1.0% 0 0;

/* 
   NOTE: We tried to use One True Layout to position a box to the
   bottom of right column in itemlist page. Unfortunately it breaks the
   page where it has an anchor. 

   PIE website has some explanation on this bug but offers no good solution.


  margin-bottom: -30000px !important;
  padding-bottom: 30000px !important;
*/
}

DIV.inspire_page_body #mainColumn
{
  float: left;
  width: 73.0%;
  padding: 0 1.0% 0 1.0%;
}

/* This is a bit ugly, we're overriding the width above for printing as we need to keep #mainColumn to ensure styles further down are triggered*/
DIV.display_inspire_print DIV.inspire_page_body #mainColumn
{
    width: 100%;
}

/*
DIV.inspire_page_body DIV.stretch_height {

  margin-bottom: -97.5em !important;
  padding-bottom: 100em !important;
  overflow: hidden;
}

DIV.inspire_page_body DIV.stretch_height DIV.bottom {

  bottom: 10px;
  position: absolute;
}
*/

DIV.inspire_page_body DIV.blue_header H3,
DIV.inspire_page_body DIV.green_header H3,
DIV.inspire_page_body DIV.yellow_header H3,
DIV.inspire_page_body DIV.lightgreen_header H3
{
  margin: 0;
  padding: 5px 0 0 5px;
  font-size: 1.1em;
  font-weight: bold;
  color: white;
}

DIV.inspire_page_body DIV.blue_header H3 A,
DIV.inspire_page_body DIV.green_header H3 A,
DIV.inspire_page_body DIV.yellow_header H3 A,
DIV.inspire_page_body DIV.lightgreen_header H3 A
{
  color: white;
}

DIV.inspire_page_body DIV.section_body
{
  background-color: white;
  border-left: 1px solid #ABABAB;
  border-right: 1px solid #ABABAB;
  position: relative;
  padding: 10px;

  /* Fixing 1px gaps in IE */
  bottom: 1px;
  margin-top: -2px;
  /* IE hack to prevent xref links from being hidden by white
     background here */
  z-index: 1;
  /* IE hack to give hasLayout to this div */
  zoom: 1;

}

DIV.inspire_page_body DIV.blue_header,
DIV.inspire_page_body DIV.green_header,
DIV.inspire_page_body DIV.lightgreen_header,
DIV.inspire_page_body DIV.yellow_header
{
  margin: 0 11px 0 40px;
  background: transparent url('/images/oxygen/trends/new/box/blue_header_middle.gif') repeat-x 0 0;
  height: 35px;
  position: relative;
}

DIV.inspire_page_body DIV.blue_header DIV.tl,
DIV.inspire_page_body DIV.green_header DIV.tl,
DIV.inspire_page_body DIV.lightgreen_header DIV.tl,
DIV.inspire_page_body DIV.yellow_header DIV.tl
{
  background-color: transparent;
  background-position: left top;
  background-repeat: no-repeat;
  height: 35px;
  width: 40px;
  position: relative;
  margin-left: -40px;
  float: left;
}


DIV.inspire_page_body DIV.blue_header DIV.tl
{
  background-image: url('/images/oxygen/trends/new/box/blue_header_tl.gif');
}

DIV.inspire_page_body DIV.green_header DIV.tl
{
  background-image: url('/images/oxygen/trends/new/box/green_header_tl.gif');
}

DIV.inspire_page_body DIV.yellow_header DIV.tl
{
  background-image: url('/images/oxygen/trends/new/box/yellow_header_tl.gif');
}

DIV.inspire_page_body DIV.lightgreen_header DIV.tl
{
  background-image: url('/images/oxygen/trends/new/box/lightgreen_header_tl.gif');
}

DIV.inspire_page_body DIV.blue_header DIV.tr,
DIV.inspire_page_body DIV.green_header DIV.tr,
DIV.inspire_page_body DIV.lightgreen_header DIV.tr,
DIV.inspire_page_body DIV.yellow_header DIV.tr
{
  background: transparent url('/images/oxygen/trends/new/box/blue_header_tr.gif') no-repeat right top;
  height: 35px;
  width: 11px;
  position: relative;
  margin-right: -11px;
  float: right;
}

DIV.inspire_page_body DIV.plain_header
{
  background-color: white;
  margin: 0 10px;
  border-top: 1px solid #ABABAB;
  height: 10px;
}

DIV.inspire_page_body DIV.grey_header
{
    background-color: #F0F0F0;
    margin: 0 10px;
    border-top: 1px solid #ABABAB;
    height:10px;
}

DIV.inspire_page_body DIV.plain_header DIV.tl
{
  background: transparent url('/images/oxygen/trends/new/box/plain_header_tl.gif') no-repeat left top;
  height: 10px;
  width: 10px;
  position: relative;
  margin-left: -10px;
  float: left;
}

DIV.inspire_page_body DIV.plain_header DIV.tr
{
  background: transparent url('/images/oxygen/trends/new/box/plain_header_tr.gif') no-repeat right top;
  height: 10px;
  width: 10px;
  position: relative;
  margin-right: -10px;
  float: right;
}

DIV.inspire_page_body DIV.grey_header DIV.tl
{
  background: transparent url('/images/oxygen/trends/new/box/grey_header_tl.gif') no-repeat left top;
  height: 10px;
  width: 10px;
  position: relative;
  margin-left: -10px;
  float: left;
}

DIV.inspire_page_body DIV.grey_header DIV.tr
{
  background: transparent url('/images/oxygen/trends/new/box/grey_header_tr.gif') no-repeat right top;
  height: 10px;
  width: 10px;
  position: relative;
  margin-right: -10px;
  float: right;
}


DIV.inspire_page_body DIV.plain_footer,
DIV.inspire_page_body DIV.grey_footer,
DIV.inspire_page_body DIV.light_purple_footer
{
  position: relative;
  /* Fixing 1px gaps in IE */
  margin: -2px 10px 20px;
}

DIV.inspire_page_body DIV.plain_footer
{
  background-color: white;
  border-bottom: 1px solid #ABABAB;
  height: 10px;
}

DIV.inspire_page_body DIV.plain_footer DIV.bl,
DIV.inspire_page_body DIV.plain_footer DIV.br
{
  position: relative;
  height: 10px;
  width: 10px;
}

DIV.inspire_page_body DIV.plain_footer DIV.bl
{
  background: transparent url('/images/oxygen/trends/new/box/plain_footer_bl.gif') no-repeat left bottom;
  position: relative;
  margin-left: -10px;
  float: left;
}

DIV.inspire_page_body DIV.plain_footer DIV.br
{
  background: transparent url('/images/oxygen/trends/new/box/plain_footer_br.gif') no-repeat right bottom;
  position: relative;
  margin-right: -10px;
  float: right;
}

DIV.inspire_page_body DIV.grey_footer
{
  background: transparent url('/images/oxygen/trends/new/box/grey_footer_middle.gif') repeat-x bottom center;
  padding: 0;
  height: 22px;
}

DIV.inspire_page_body DIV.grey_footer DIV.bl,
DIV.inspire_page_body DIV.grey_footer DIV.br
{
  position: absolute;
  height: 22px;
  width: 13px;
}

DIV.inspire_page_body DIV.grey_footer DIV.bl
{
  background: transparent url('/images/oxygen/trends/new/box/grey_footer_bl.gif') no-repeat left bottom;
  position: relative;
  margin-left: -10px;
  float: left;
}

DIV.inspire_page_body DIV.grey_footer DIV.br
{
  background: transparent url('/images/oxygen/trends/new/box/grey_footer_br.gif') no-repeat right bottom;
  position: relative;
  margin-right: -10px;
  float: right;
}

DIV.inspire_page_body DIV.light_purple_footer
{
  background: transparent url('/images/oxygen/trends/new/box/light_purple_footer_middle.gif') repeat-x bottom center;
  padding: 0;
  height: 10px;
}

DIV.inspire_page_body DIV.light_purple_footer DIV.bl,
DIV.inspire_page_body DIV.light_purple_footer DIV.br
{
  position: relative;
  height: 10px;
  width: 10px;
  /*If the height of a footer is too small IE6 expands the divs to adequately fit the non-existant 'text', leaving a small white margin above
    the corner pieces. This never came up for the grey footers because their height (both CSS and raw images) was sufficient to cover the 'text'.*/
  font-size:1pt;
}

DIV.inspire_page_body DIV.light_purple_footer DIV.bl
{
  background: transparent url('/images/oxygen/trends/new/box/light_purple_footer_bl.gif') no-repeat left bottom;
  position: relative;
  margin-left: -10px;
  float: left;
}

DIV.inspire_page_body DIV.light_purple_footer DIV.br
{
  background: transparent url('/images/oxygen/trends/new/box/light_purple_footer_br.gif') no-repeat right bottom;
  position: relative;
  margin-right: -10px;
  float: right;
}

DIV.inspire_page_body DIV.grey_footer H3
{
  margin: 0;
  padding: 4px 0 0 0;
  position: relative;
  font-size: 0.8em;
  font-weight: bold;
  text-align: right;
}


DIV.inspire_page_body DIV.figure_image {
  clear: both;
  text-align: center;
  padding: 0 2em 1em 0em;
  background-color: white;
}

DIV.inspire_page_body DIV.figure_source {
  font-size: 85%;
}

DIV.bubble DIV.entry_details,
DIV.blog_page DIV.entry_details
{

  margin-bottom: 1em;
}

DIV.bubble DIV.entry_details A,
DIV.blog_page DIV.entry_details A
{
  color: #485DC5;
}

DIV.item_display DIV.date_footer
{
  margin: 1em;
  font-size: 100%;
}

DIV.inspire_page_body DIV.bubble DIV.date
{
  font-style: italic;
}

DIV.inspire_page_body DIV.blog_entry DIV.img
{
  width: 90px;
  float: left;
  margin-right: 1em;
}

DIV.inspire_page_body DIV.blog_entry DIV.hd
{
  margin-bottom: 5px;
}

DIV.inspire_page_body DIV.blog_entry
{
  padding: 1em ;
  border-top: 1px solid #ABABAB;
}

DIV.inspire_page_body DIV.bubble IMG
{
  float: left;
  margin-right: 1em;
}

DIV.inspire_page_body DIV.bubble DIV.hd,
DIV.inspire_page_body DIV.bubble_huge DIV.hd
{
  margin-bottom: 5px;
  /* IE proprietary - this is to stop IE from stretching the bubble
     box. In other browsers long words will be hidden. */
  word-wrap: break-word;
}

DIV.inspire_page_body DIV.bubble
{
  float: left;
  width: 90%;
  padding: 0.5em 0.8em;
}

DIV.inspire_page_body DIV.bubble_huge
{
  width: 98%;
  padding: 1em 0.8em;
}

DIV.inspire_page_body DIV.bubble_huge H1
{
  line-height: 1.3em;
  margin-top: 0.2em;
}

DIV.inspire_page_body DIV.bubble_huge DIV.hd
{
  padding-top: 1em;
}

DIV.inspire_page_body DIV.bubble_huge DIV.hd IMG
{
  float: left;
  margin: 0.5em;
}

DIV.inspire_page_body DIV.bubble_huge DIV.bd
{
  float: left;
}

DIV.inspire_page_body DIV.editor_block
{
  background-color: #ffe463;
  border: 5px solid #ffdc36;
  width: 95%;
}

DIV.inspire_page_body DIV.editor_block IMG
{
  float: left;
}

DIV.inspire_page_body DIV.editor_block DIV.editor_info
{
  float: left;
  position: relative;
  left: 5px;
  width: 75%
}


TABLE.display_inspire_page_header DIV.inspire_itemlist #itemlist_body {
  /* removing padding because we have a <table> which shares the
     border with section_body */
  padding: 0;
}


TABLE.display_inspire_page_header .inspire_itemlist_widget
{
  font-weight: bold;
  font-size: 0.8em;
  white-space: nowrap;
  color: #8D8D8D;
  margin: 0 2em;
}

TABLE.display_inspire_page_header DIV.inspire_paging_select,
TABLE.display_inspire_page_header DIV.inspire_paging_widget {
  float: right;
}

TABLE.display_inspire_page_header DIV.inspire_paging_select {
  font-size: 1.2em;
  padding-bottom: 0.5em;
}

TABLE.display_inspire_page_header DIV.grey_footer DIV.inspire_paging_widget {
  color: #555555;
  margin: 0;
  font-size: 1em;
}

TABLE.display_inspire_page_header .inspire_itemlist_widget A,
TABLE.display_inspire_page_header .inspire_itemlist_widget A:link,
TABLE.display_inspire_page_header .inspire_itemlist_widget A:visited,
TABLE.display_inspire_page_header .inspire_itemlist_widget A:hover,
TABLE.display_inspire_page_header .inspire_itemlist_widget A:active,
TABLE.display_inspire_page_header .inspire_itemlist_widget EM {
  color: inherit;
  text-decoration: none;
  font-style: none;
}

TABLE.display_inspire_page_header .inspire_itemlist_widget EM {
  background-color: #485DC5;
  color: white;
  font-style: normal;
}

TABLE.display_inspire_page_header .inspire_itemlist_widget A.paging_arrow,
TABLE.display_inspire_page_header .inspire_itemlist_widget A.paging_arrow:link,
TABLE.display_inspire_page_header .inspire_itemlist_widget A.paging_arrow:visited,
TABLE.display_inspire_page_header .inspire_itemlist_widget A.paging_arrow:hover,
TABLE.display_inspire_page_header .inspire_itemlist_widget A.paging_arrow:active {
  color: inherit;
  letter-spacing: -0.4em;
  margin-right: 0.2em;
  padding-right: 0.6em;
}


TABLE.display_inspire_page_header TABLE.inspire_itemlist {
  border-bottom: 1px solid #ABABAB;
  padding: 0;
  margin: 0.5em 0 0 0;
  border-collapse: collapse;
}


TABLE.display_inspire_page_header TABLE.inspire_itemlist TD.left_checkbox,
TABLE.display_inspire_page_header TABLE.inspire_itemlist TD.right_checkbox {
  background-color: #cdcdcd;
  border-top: 1px solid #ABABAB;
  /* 1% to make sure this column takes a minimal width */
  width: 1%;
}

TABLE.display_inspire_page_header TABLE.inspire_itemlist TD.right_checkbox {
  border-left: 1px solid #ABABAB;
}

TABLE.display_inspire_page_header TABLE.inspire_itemlist TD.item {
  width: 48%;
  border-top: 1px solid #ABABAB;
  vertical-align: top;
}

TABLE.display_inspire_page_header TABLE.inspire_itemlist TD.empty_list {
  border-top: 1px solid #ABABAB;
  padding: 1em;
  font-size: 1.1em;
}


/* Display of inspire items */

DIV.inspire_page_body DIV.trend_bordered_image 
{
  border: 1px solid #e5e5e5; 
  padding: 5px;
  margin: 10px;
}

DIV.inspire_page_body DIV.story_image 
{
  float: left;
  margin: 0 1em 1em 0;
  position: relative;
}

DIV.inspire_page_body DIV.item_display_body h3,
DIV.inspire_page_body DIV.valueslabel
{
    font-size: 1.2em;
    font-weight: bold;
}

DIV.inspire_page_body.item_display #mainColumn DIV.valueslabel
{
    clear: both;
}

DIV.inspire_page_body.item_display #mainColumn DIV.valuecontainer
{
    color: #485dc5;
}

DIV.inspire_trend_xref_box
{
  float:left;
  margin-right:1em;
  width:26%;
  font-size:0.85em;
}

DIV.inspire_trend_xref_box DIV.bubble
{
  padding: 0em;
  margin: 0em;
  width: 100%;
  float: none;
}

DIV.inspire_trend_xref_box DIV.bubble IMG
{
  width: 50px;
}

/* Trend Homepage styles */
DIV.trend_home DIV.story_image
{
  text-align: center;
  float: none;
}

DIV.trend_home DIV.more
{
  padding-bottom: 2em;
}

DIV.trend_home DIV.more A
{
  color: #485DC5; 
  font-weight: bold;
}

DIV.trend_home #most_active_HVTs UL LI
{
  list-style-type: none;
  position: relative;
  left: -3em;
  top: -0.8em;
}

DIV.trend_home #lead_insight
{
  float: left;
  width: 58%;
}

DIV.trend_home DIV.date
{
  font-family: georgia;
  font-weight: normal;
  margin: 0;
  padding: 0 0.8em;
  line-height: 1.2em;
  color: #485DC5;
  font-size: 120%;
}

DIV.trend_home DIV.page_options 
{
  margin-right: 2em;
}

DIV.trend_home #trend_observations
{
  float: left;
  width: 40%;
}

/* Trend HVT page styles */

DIV.hvt_page #lead_observation
{
  padding: 0px 0px 10px 10px;
  width: 98.2%;
}

DIV.hvt_page #lead_observation DIV.hd
{
  float: left; 
  width: 67%;
  margin: 10px 0px 10px 0px;
}

DIV.hvt_page #lead_observation DIV.hd H1
{
  line-height: 125%;
  margin: 0;
}

DIV.hvt_page #lead_observation IMG
{
  float: right; 
  margin: 10px 0 0 10px;
  position: relative;
}

DIV.hvt_page #lead_observation DIV.bd
{
  width: 67%;
  margin-bottom: 2px;
}

DIV.hvt_page #trend_observations DIV.section_body
{
  padding-top: 0;
}

DIV.inspire_page_body DIV.hvt_cat
{
    float:left;
    width:30%;
}

/* Blog editor styles */

DIV.inspire_page_body DIV.blog_editors H4
{
    margin-bottom:5px;
    margin-top:15px;
    font-size:100%;
    font-weight:bold;
}

DIV.inspire_page_body DIV.blog_editors UL
{
    padding-left:0pt;
    margin:0px 0px 0px 15px;
}

DIV.inspire_page_body DIV.float_column_left
{
  float: left; 
  clear: left;
}

DIV.inspire_page_body DIV.float_column_right
{
  float: right; 
  clear: right;
}

DIV.inspire_page_body BLOCKQUOTE
{
  width: 85%;
  /* IE6 calculates an incorrectly width for blockquote elements,
     which then stretch its parent div too wide and it breaks column
     layout. */
  padding: 1em 7% auto 7%;
}





/* Trends Home logged off page */

DIV.trend_home DIV.logged_off #header
{
    padding:10px 0 10px 1%;
}

DIV.trend_home DIV.logged_off #content
{
    border-top:3px solid #3E50A8;
    padding:10px 0;
    font-size:12px;
}

DIV.trend_home DIV.logged_off #content SPAN.headline
{
    font-weight:bold;
    color: #667770;
}

DIV.trend_home DIV.logged_off UL.logged_off_list
{
    margin:0 0 1em 0;
    padding:0;
}

DIV.trend_home DIV.logged_off UL.logged_off_list LI
{
    background-image: url(/images/oxygen/trends/logged_off/bullet.jpg);
    background-repeat: no-repeat;
    list-style-type:none;
    padding-left:15px;
    padding-top:1px;
}

DIV.trend_home DIV.logged_off TD.formheader
{
    background-image:url(/images/oxygen/trends/logged_off/form-header.jpg);
    background-repeat:no-repeat;
    height:34px;
    width:217px;
}

DIV.trend_home DIV.logged_off TD.formheader DIV.formheader_title
{
    color: #FFFFFF;
    font-weight:bold;
    padding:5px 0 0 45px;
    text-align:left;
    vertical-align:text-top;
}

DIV.trend_home DIV.logged_off TD.regform_bg
{
    background: transparent url(/images/oxygen/trends/logged_off/form-bg.jpg) repeat-y scroll 0 0;
    padding: 8px;
}

DIV.trend_home DIV.logged_off TD.regform INPUT
{
    height: 20px;
}

DIV.trend_home DIV.logged_off TD.regform TEXTAREA
{
    height: 81px;
    overflow:hidden;
}

DIV.trend_home DIV.logged_off TD.regform INPUT,
DIV.trend_home DIV.logged_off TD.regform TEXTAREA
{
    background-color: #EFF1F9;
    border: 1px solid #7C98BA;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    padding: 2px;
    width: 191px;
}

DIV.trend_home DIV.logged_off TD.regform SELECT
{
    background-color: #EFF1F9;
    border 1px solid #7C98BA;
    font-size: 11px;
    padding: 3px;
    width: 197px;
}

DIV.trend_home DIV.logged_off .loginform
{
    color: #FFFFFF;
    font-size: 11px;
}

DIV.trend_home DIV.logged_off .loginform INPUT.loginform_input
{
    border: 0 solid;
    font-size: 11px;
    width: 145px;
}

DIV.trend_home DIV.logged_off TD.loginformbg
{
    background-image: url(/images/oxygen/trends/logged_off/login-form-bg.jpg);
    background-position: center bottom;
    background-repeat; repeat-x;
}

DIV.trend_home DIV.logged_off #content DIV.controls
{
    background-color: #F0F0F0;
    border-bottom:1px solid #667770;
}

DIV.trend_home DIV.logged_off #content DIV.controls H3.dyn_title
{
    color:black;
    font-weight:bold;
}

DIV.trend_home DIV.logged_off #content DIV.controls H3.hide
{
    display:none;
}

DIV.trend_home DIV.logged_off #content DIV.controls H3.show
{
    display:block;
    margin:8px 10px 10px 10px;
    padding:0;
    font-size:14px;
    color:#616161;
}

DIV.trend_home DIV.logged_off #content DIV.controls IMG
{
    cursor:pointer;
}

DIV.trend_home DIV.logged_off #content #featured_item DIV.lead_article DIV.dyn_content
{
    height:251px;
    overflow:hidden;
}

DIV.trend_home DIV.logged_off #content #featured_item DIV.lead_article DIV.dyn_content H3
{
    margin-top:0pt;
    font-size:1.1em;
    font-weight:bold;
}

DIV.trend_home DIV.logged_off #content DIV.bubble_comment
{
    background-image: url(/images/oxygen/trends/logged_off/comment-bubble.jpg);
    background-repeat: no-repeat;
    color: #4A4A4A;
    height:47px;
    width:635px;
    margin-top:4px;
}

DIV.trend_home DIV.logged_off #content DIV.bubble_comment DIV.bubble_comment_text
{
    padding: 8px 0 0 38px;
}

DIV.trend_home DIV.logged_off #content DIV.title
{
    font-weight:bold;
    font-size:14px;
    padding-bottom:1em;
}

DIV.trend_home DIV.logged_off #content DIV.item_content
{
    height:177px;
    overflow:hidden;
}