/* New webfonts used in Tera's designs (Search, Insight Zones etc) June 2013 */
/* For background on font-face definitions below see: http://www.paulirish.com/2009/bulletproof-font-face-implementation-syntax/ */
/* CSS modified after generation from http://www.fontsquirrel.com/tools/webfont-generator */
/* Actual font files taken from Google, fontsquirrels were less optimised for low font sizes */

/* Lato Light Italic */
@font-face {
    font-family: 'lato-light-italic';
    src: url('/fonts/oxygen/Lato-LigIta-webfont.eot');
    src: url('/fonts/oxygen/Lato-LigIta-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/oxygen/Lato-LigIta-webfont.woff') format('woff'),
         url('/fonts/oxygen/Lato-LigIta-webfont.ttf') format('truetype'),
         url('/fonts/oxygen/Lato-LigIta-webfont.svg#Lato') format('svg');
    font-weight: 300;
    font-style:italic;
}

/* Lato Regular Bold */
@font-face {
    font-family: 'lato-bold';
    src: url('/fonts/oxygen/Lato-Bol-webfont.eot');
    src: url('/fonts/oxygen/Lato-Bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/oxygen/Lato-Bol-webfont.woff') format('woff'),
         url('/fonts/oxygen/Lato-Bol-webfont.ttf') format('truetype'),
         url('/fonts/oxygen/Lato-Bol-webfont.svg#Lato') format('svg');
    font-weight: bold;
}

/* Lato Regular Italic */
@font-face {
    font-family: 'lato-italic';
    src: url('/fonts/oxygen/Lato-RegIta-webfont.eot');
    src: url('/fonts/oxygen/Lato-RegIta-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/oxygen/Lato-RegIta-webfont.woff') format('woff'),
         url('/fonts/oxygen/Lato-RegIta-webfont.ttf') format('truetype'),
         url('/fonts/oxygen/Lato-RegIta-webfont.svg#Lato') format('svg');
    font-style: italic;
}

/* Lato Regular Bold Italic */
@font-face {
    font-family: 'lato-bold-italic';
    src: url('/fonts/oxygen/Lato-BolIta-webfont.eot');
    src: url('/fonts/oxygen/Lato-BolIta-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/oxygen/Lato-BolIta-webfont.woff') format('woff'),
         url('/fonts/oxygen/Lato-BolIta-webfont.ttf') format('truetype'),
         url('/fonts/oxygen/Lato-BolIta-webfont.svg#Lato') format('svg');
    font-weight: bold;
    font-style: italic;
}

/* global site stylesheet info */
BODY { 
  font-family: Arial, Helvetica, sans-serif;
  margin: 0; padding: 0;
  background-color: #FFFFFF;
  font-size: 10pt;
 }

BODY.body_background{
    background-image:url(/images/oxygen/background.jpg) !important;
}

FORM { margin: 0; }
IMG  { border: 0; }

DIV { text-align: left }

DIV.mask { z-index: 2 }

/*default font size is reset inside tables*/
TABLE.display_body_header { font-size: 10pt }

/* page header styles */
A.logon_link            { color: #ff0000; font: bold 10pt arial,sans-serif; }
A.logon_link:visited    { color: #ff0000; font: bold 10pt arial,sans-serif; }
A.register_link         { color: #ff0000; font: 10pt arial,sans-serif; }
A.register_link:visited { color: #ff0000; font: 10pt arial,sans-serif; }

/* style to govern how all links are displayed */
A:link       { color: #555555; text-decoration: none; }
A:visited    { color: #555555; text-decoration: none; }
A:link:hover, a:visited:hover { color: #ff0000; text-decoration: underline; }
/* see http://devedge.netscape.com/viewsource/2003/arbitrary-hover/#Named-Anchor-Problems */
A:active     { color: #ff0000; text-decoration: underline; }

A.hit_word:active, A.hit_word_off:active { text-decoration: none; color: black; }

/* this to get the bottom of a view to be a different color */
.view_bottom,
A.view_bottom,
A.view_bottom:visited { color: #777777; }
A.view_bottom:hover,
A.view_bottom:active  { color: #ff0000; text-decoration: underline; }

.view_snippet { padding-top: 1px; font-size: 9pt; }
.no_view_items { padding: 5px; }
.no_view_items div { margin: 5px; color: #666666; }
.multi_level_view { font-size: 10pt; }
div.level1 { margin-left: 0px; padding-top: 4px; font-size: 10pt; }
div.level2 { margin-left: 35px; padding-top: 4px; font-size: 10pt; }
div.level3 { margin-left: 70px; padding-top: 4px; font-size: 10pt; }
div.level4 { margin-left: 105px; padding-top: 4px; font-size: 10pt; }
div.level5 { margin-left: 140px; padding-top: 4px; font-size: 10pt; }

/* style to overide generic links style */
A.function         { color: #333; font: 8pt arial,sans-serif; }
A.function:visited { color: #666666; }
A.function:hover,
A.function:active  { color: red; text-decoration: underline; }

A.function_hot         { color: red; font:bold 8pt arial,sans-serif; }
A.function_hot:visited { color: red; }
A.function_hot:hover,
A.function_hot:active  { color: red; text-decoration: underline; }

A.function_rev         { color: white; font: bold 8pt arial,sans-serif; }
A.function_rev:visited { color: white; }
A.function_rev:hover,
A.function_rev:active  { color: red; }

A.function_blue    { color: #0066ff; font: 11pt arial,sans-serif; margin: 15px }
A.function_blue:hover,
A.function_blue:active  { color: #0066ff; text-decoration: underline; }
A.function_red     { color: red; font: 11pt arial,sans-serif; margin: 15px }

/* unselected sub-menubar styles */
A.menuitem,
A.menuitem:hover,
A.menuitem:visited,
.menuitem_padd     { color: #ffffff; font:8pt arial,sans-serif; }
A.menuitem:active,
A.menuitem:hover   { color: #ffcc00; font:8pt arial,sans-serif; }

/* selected sub-menubar styles */
A.menuitem_active         { color: #ffcc00; font:8pt arial,sans-serif; }
A.menuitem_active:visited,
A.menuitem_active:hover,
A.menuitem_active:active  { color: #ffcc00; font:8pt arial,sans-serif; }

A.more { font-size: 0.8em; }
A.more:link, A.more:visited { color: #555555; }
A.more:hover, A.more SPAN, A.more:link SPAN, A.more:visited SPAN { color: red; }

/* line spacing styles */
P.spacer { margin-top: 5pt; margin-bottom: 0; text-indent: 0%; color: #444444; font-size: 10pt; }
P.spaceb { margin-top: 5pt; margin-bottom: 0; text-indent: 0%; color: #444444; font-size: 10pt; font-weight: bold; }
P.list_spacer { margin-top: 0; margin-bottom: 5pt; text-indent: 0%; }

HR.list_divider { color:#ddd; background-color:#ddd; height: 1px; border:0; }
HR.saved_search { color:#bbb; background-color:#bbb; height: 1px; border:0; width:100%; }

/* standard text styles */
.basic       { color: #444444; font: 10pt Times New Roman,sans-serif; }
.simple      { color: #444444; font-size: 10pt; }
.simpleb     { color: #444444; font-size: 10pt; font-weight: bold; }
.noticeme    { color: #ff0000; font-size: 10pt; }
.smallprint  { color: #444444; font-size: 8pt;  }
.instruction { color: #555555; font-size: 10pt; }
.title       { color: #555555; font-size: 12pt; }
.header      { color: #555555; font-size: 14pt; font-weight: bold; }
.footnote    { color: #777777; font-size: 8pt; }
.noline      { text-decoration: none; }
.error       { color: #ff0000; font-size: 10pt; }
.tiny        { font-size: 85%; }

/* context (page) specific text styles */
.view_heading { background: #eeeeee; color: #ff0000; padding: 2px; margin-top: 10px; margin-bottom: 10px; font-size: 10pt; }
.searchbar    { background: #eeeeee; }
.quick_search { color: #555555; font-size: 10pt; }
.ss_readonly  { color: #444444; font-size: 10pt; font-weight: bold; }
.ss_shared    { color: #444444; font-size: 10pt; }
.ss_homepage  { color: #4444ff; font-size: 10pt; font-weight: bold; }
.csvlink      { font-size: 10pt; text-decoration: none; }
.ss_subsection{ color: #444444; font-size: 8pt; font-weight: bold; }

DIV.display_site_header
{
    /*zoom: 1;*/
    margin: 20px;
}

DIV.display_site_content
{
    /*zoom: 1;*/
    margin: 20px;
}

DIV.isolated_logo
{ 
    background: #34335b; 
}

DIV.warning_box  { color: #ff0000; font-size: 10pt; }

TABLE.site_status_bar { width: 100%; background-color: white;}
TABLE.site_status_bar TD.logon_or_logout { width: 30%; text-align: left; vertical-align: top; color: #444444; font-size: 10pt; }
TABLE.site_status_bar TD.user_status     { width: 40%; vertical-align: top; }
TABLE.site_status_bar TD.search_holder   { width: 30%; text-align: right; vertical-align: top; color: #444444; font-size: 10pt; }

TABLE.display_page_header,
TABLE.display_reg_page_header { width: 100%; height: 65%; vertical-align: top; margin: 0; padding: 0; }
TABLE.display_page_header TD.top_cell,
TABLE.display_reg_page_header TD.top_cell { width: 100%; vertical-align: top; }

/* version specific for the homepage page_header */
TABLE.display_homepage_header { width: 100%; height: 40%; vertical-align: top; margin: 0; padding: 0; }
TABLE.display_homepage_header TD.top_cell { width: 100%; vertical-align: top; }

TABLE.display_body_header, DIV.new_design { width: 95%; margin: 0.5em 0; padding: 0; text-align:left; }
TABLE.display_body_header TR.title TH {
    padding: 0px 0 1px 3px;
    margin: 0;
    color: #000099;
    font-weight: bold;
    font-size: 25px;
    text-transform: none;
    border-bottom:1px solid #ffcc00;
    text-align:left;
    font-family: arial,helvetica,sans-serif;
}
TABLE.display_body_header TR.title TH SPAN.filter { font-size: smaller;  }
TABLE.display_body_header TR.marketing TH 
{ border-bottom: 1px solid rgb( 255,204,0 ); 
  font-size: 12pt; 
  font-weight:bold;
  color: rgb(0,0,153);
}

TABLE.display_body_header TABLE.register TD.hot { color:red }
TABLE.display_body_header TD.top_cell { width: 100%; vertical-align: top; }

TABLE.display_body { width: 100%; }
TABLE.display_body TD.column_one { border: solid 1px #dddddd; padding: 5px; }
TABLE.display_body TD.column_two { border: solid 1px #dddddd; padding: 5px; }

TABLE.page_footer { width: 100%; margin: 0; padding: 0; }

/* used for register with mintel footer */
TABLE.register_footer { width: 95%; margin: 0; padding: 5px; font-size: 10pt; }
TABLE.register_footer TH { text-align:left; background:#000055; color:#ffffff; font: bold 10pt Arial,sans-serif; }
TABLE.register_footer TD { color:#333333; font: 10pt Arial,sans-serif; }

/* table containing itemlists */
TABLE.itemlist_holder { width: 100%; font-size: 10pt }
TABLE.itemlist_holder TD { vertical-align: top; }
TABLE.itemlist_holder TD.itemlist_options { width: 200px; padding-top: 5px; }
TABLE.itemlist_holder TABLE.option_group  { width: 100%; }

/* abridged content in an itemlist (search page results) */
TABLE.itemlist_holder TABLE.abridged_item { font-size: smaller; border: 0; background: white; }
TABLE.itemlist_holder TABLE.abridged_item TR.title TH  { text-align: left; font: bold 10pt arial,sans-serif; }
TABLE.itemlist_holder TABLE.abridged_item TR TD.digest_date { font: bold 9pt arial,sans-serif; }
TABLE.itemlist_holder TABLE.abridged_item TR TD.body   { font-size: 9pt; background: white; vertical-align: top; }
TABLE.itemlist_holder TABLE.abridged_item TR TD.source { font-size: 9pt; background: white; }

/* for laying out multiple items in a nice way */
TABLE.multilist { background: #dbeaf3; margin: 0; padding: 0; }
TABLE.multilist TD.item_type { border: solid 3px white; vertical-align: top;  }

/* generic itemlist styles */
TABLE.itemlist { width: 100%; font-size: 8pt; background: #dbeaf3; }
TABLE.itemlist TR.rc { text-align: left; }
TABLE.itemlist TR.rs { text-align: left; }
TABLE.itemlist TD.rc_desc { width: 100%; padding-top: 5px; }
TABLE.itemlist TD.rs_desc { width: 100%; }
TABLE.itemlist TD.rc_check { padding-top: 5px; }

/* title layout for reports within areas other than item_boxes */
SPAN.report_links SPAN.cover_title   { font: bold 9pt arial,sans-serif; }
SPAN.report_links SPAN.cover_country { font-size: 8pt; color: #000066; }
SPAN.report_links SPAN.cover_date    { font-size: 8pt; }

/* page control styles */
TABLE.page { border: 0; background: #f7f7f7; }
TABLE.page TD.title { font:bold 10pt arial,sans-serif; text-align: left; }
TABLE.page TD.control { color: #888888;  font-size: 8pt; text-align: right; }
TABLE.page SPAN.invisible { color: #dbeaf3; }

/* option lists */
TABLE.options { width: 100%; background: white; }
TABLE.options TD { color: #404040; font-size: 8pt; }
TABLE.options { padding:2px; border: 1px #dddddd solid; color:#E2EEF5; font: 8pt arial,sans-serif; }
TABLE.options UL { margin:0; list-style-type:none; text-align:right; }

/* the generic toolbar look */
TABLE.toolbar { text-align: right; font:bold 8pt arial,sans-serif; }
TABLE.toolbar TD, TABLE.right_toolbar  TD { padding-left:5px; padding-right:5px; margin:5px; color: #336699; }
TABLE.toolbar TD.separator { width: 1px; background: #aaaaaa; padding:0; margin:0; }
TABLE.right_toolbar  TD.separator { width: 1px; background: #ffffff; padding:0; margin:0; }
TABLE.toolbar TD A.off, TABLE.right_toolbar  TD A.off { color: silver; }

TABLE.right_toolbar { font-size:x-small;text-align: right;  } /* special horizontal toolbar located on the right side */

/* the toolbar specific to report cover sections */
TABLE.toolbar_sections { text-align: right; font:bold 8pt arial,sans-serif; border-top: solid 1px #aaaaaa; }
TABLE.toolbar_sections TD { padding-left:5px; padding-right:5px; margin:5px; color: #336699; }
TABLE.toolbar_sections TD.separator { background: #aaaaaa; padding:1px; margin:0; }

/* used for mini toolbar which holds sort options for tocview */
DIV.tocview_toolbar { text-align: right; font: 8pt arial,sans-serif; }

/* used to holder toolbars for itemlists */
DIV.toolbar_holder { text-align: right; padding-bottom: 20px; }

/* generic for all views */
TABLE.view_header { margin: 5px; padding:0; border:0; }
TABLE.view_header TH.title { font-size: larger; text-align: left; border-bottom: solid 1px #e0e0e0; }
TABLE.view_header TD.tools  { margin:0; padding:0; text-align: right;  vertical-align: top; }
TABLE.view_header TD { padding-top: 10px; }
TABLE.view_body   { margin: 5px; padding:0; border: 0; }
TABLE.view_body TD.list { }
TABLE.view_body TD.info { color: #444444; font: 10pt arial,sans-serif; padding-top: 15px; }
TABLE.view_footer { margin: 5px; padding:0; border:0; }

/* style for buy form */
TABLE.buy_form { margin:0; padding:0; font-size: 10pt; width: 90%; }
TABLE.buy_form TR.completed { color: #000000 }
TABLE.buy_form TR.input { color: #FF0000 }
TABLE.buy_form TD.name { font-weight: bold; }
TABLE.buy_form TH { font-size: 12pt; }
TABLE.buy_form TH.error { font-size: 12pt;  color: #FF0000; }

/* styles for my graphs page */
DIV.graph_item { font: bold 10pt arial,sans-serif; margin: 20px 5px 5px 5px; }
DIV.graph_item DIV.figure { font-weight: normal; margin: 10px 5px 5px 25px; }
DIV.graph_item DIV.figure DIV.graph { margin: 5px 5px 5px 50px; }

DIV.graph_item_preview { font: 9pt arial,sans-serif; margin: 5px 5px 5px 5px; }
DIV.graph_item_preview SPAN.item_title { font: 8pt verdana,arial,helvetica,sans-serif; font-weight: bold;   }
DIV.graph_item_preview DIV.figure { font: 8.5pt arial,sans-serif; margin: 5px 5px 5px 30px; }
DIV.graph_item_preview DIV.figure DIV.graph { font: 8pt arial,sans-serif; margin: 5px 5px 5px 15px; }

TD.mygraph_pager { font-size: 9pt}
TD.mygraph_pager SPAN.selected { color: red }

/* style for annotations manager */
TABLE.am_preview { font: 8.5pt arial,sans-serif; margin: 5px 5px 5px 5px; }

/*
 * Begin annotations:
 *  margin postit-note style divs for personal notes, feedback and unreplied-to discussions
 *  divs in the main body for full-on discussions
 *  in annoations manager and profile page, all comments are contained within a
 *  TABLE.annotation.
 */

DIV.discussion { border: 1px solid #333; margin-top: 1ex;}

/*.postit { vertical-align: bottom }
.postit DIV.personal,
.postit DIV.user,
.postit DIV.mintel
{
    border: 1px solid #333;
    margin-top: 1em;
    width: 90%; 
    background-color: #FEFFBF;
}

.postit DIV.body, DIV.discussion DIV.body, TABLE.annotation DIV.body
{
    font-size: 9pt;
    margin: 1ex 0.5ex;    
}

.postit DIV.footer, TABLE.annotation DIV.footer, DIV.discussion DIV.footer
{
    font-size: 8pt;
    color: #AAA;
    border-top: 1px solid #333;
    padding: 0.5ex;
}

.postit DIV.header, DIV.discussion DIV.header
{
    padding: 0.5ex;
    background-color: #FC0;
    color: #333;
    font-size: 10pt;
    font-weight: bolder;
}

.postit SPAN.edit_icons, DIV.discussion .edit_icons
{
    float: right;
}
*/

DIV.comment DIV.personal,
DIV.comment DIV.user,
DIV.comment DIV.mintel
{
    margin: 2ex 1ex;
    border: 1px solid #333;
    background-color: #FEFFBF;
}


DIV.comment.trend DIV.personal,
DIV.comment.trend DIV.user,
DIV.comment.trend DIV.mintel
{
    margin: 2ex 1ex;
    border: 1px solid #333;
    background-color: #EFEFEF;
}


DIV.discussion 
{
    margin: 0 1ex;
}

DIV.comment .edit_icons
{
    float: right;
}

TABLE.annotation TD {
    font-size: 8pt;
}

TABLE.annotation A 
{
    font-weight: bolder;
    font-size: 8pt;
}

/* Need a more specific selector here to keep the normal style within
 * discussions */
TABLE.annotation A.more, DIV.discussion A.more
{
    font-weight: normal;
    font-size: 7pt;    
    text-decoration: none;
}


TABLE.annotation DIV.personal,
TABLE.annotation DIV.user,
TABLE.annotation DIV.mintel
{
    margin-top: 1ex;
    width: 95%;     
}    


TABLE.annotation DIV.item
{
    margin: 1em 0;
    padding: 1em 0;
    border-top: 3px solid #cbdae3; 
}

TABLE.annotation DIV.item DIV.atom
{ 
    margin: 1em 0 0 0;
    padding: 1em 0em 0 2em;
    border-top: 1px solid #cbdae3; 
}

TABLE.my_profile_info TABLE.annotation DIV.discussion
{
    font-size: 9pt;
    margin: 1ex 0 0 0;
    padding: 0.5ex;
    background-color: #FEFFBF;
}

DIV.comment DIV.body
{
    font-size: 9pt;
    margin: 1ex 0.5ex;    
}

DIV.comment DIV.header
{
    padding: 0.5ex;
    background-color: #FC0;
    color: #333;
    font-size: 10pt;
    font-weight: bolder;
}

DIV.comment.trend DIV.header
{
    padding: 0.5ex;
    background-color: #8998C1;
    color: #333;
    font-size: 10pt;
    font-weight: bolder;
}


DIV.comment DIV.header A
{
    color: #58B;
    text-decoration: none;
}

DIV.comment DIV.header IMG
{
    vertical-align: bottom;
}

DIV.discussion DIV.header A:hover, DIV.discussion A.more:hover
{
    color: red;
    text-decoration: underline;
}

TABLE.annotation DIV.header
{
    display: none;
}

DIV.comment DIV.footer
{
    font-size: 8pt;
    color: #AAA;
    border-top: 1px solid #333;
    padding: 0.5ex;
}

IMG.edit_users 
{ cursor: pointer }

DIV.discussion DIV.replies, A.more
{ padding-left: 1em; }

/* Divider lines and borders */
DIV.discussion DIV.highlighted { background: yellow; }
TABLE.my_profile_info TABLE.annotation DIV.collapsed
{ border: none; margin:0; padding:0 }

/*
 * end annotations
 */

TABLE.saved_searches { background-color: #eeeeee; width: 100%; text-align: center; }
TABLE.saved_searches .simple SELECT { width: 14em; }
TABLE.saved_searches .simple .label { width: 20%; text-align: right; padding-right: 1em; }
TABLE.saved_searches TD.simple { vertical-align: top; text-align: left; }
TABLE.saved_searches TD.simple TABLE TD { font-size: 10pt; color: #444; }
TABLE.saved_searches TD.simple TABLE { width: 90%; padding: 0 }
TABLE.saved_searches TD.simple .error { color: red; }
TABLE.saved_searches TR.title TH{ font-size: small; border-bottom: solid 1px white;  }
TABLE.saved_searches .highlight { background-color: #cad9e2; }
TABLE.saved_search_preview TD { font-size: x-small; }
TABLE.saved_searches INPUT#new_search_name { width: 60%; }
TABLE.saved_searches INPUT#save_search { width: 96px; height: 17px; border: 0; }

/* Search criteria */
TABLE.search { width: 100%; border-bottom: solid 1px #fff18f}
TABLE.search TD { vertical-align: top; margin: 10px; }
TABLE.search TD.toolbar { background: white; text-align: right; }
TABLE.search TD.submit { vertical-align: bottom; }
TABLE.search_box { width:100%;  }
TABLE.search_box TR.title TH{ border-bottom: solid 1px white;  }

HR.search_results,
HR.search_results_access { color: #bbb; background-color:#bbb; height: 1px; border:0; }
HR.search_results_access { width: 50%; }

/* search criteria on the search results page */
TABLE.search_results_header { font: 9pt Arial,sans-serif; margin: 0; padding: 0; }
TABLE.search_results_header TD { font-weight: bold; }
TABLE.search_results_header TD.criteria { font-weight: normal; }

.preview_title { font: bold 12pt arial,sans-serif; color: #555555; text-align: left; }
.preview_title a { font-weight: normal; }
.preview_title a.preview_title { font-weight: bold; }
.search_title { font-size: 10pt; }
.search_title_box {background:url("/images/oxygen/dotted_line_dark.gif") #ffffff bottom left repeat-x; padding-bottom:5px;}


/* styles for help page */
DIV.help_title { font: bold 15pt arial,sans-serif; }
DIV.help_text { font: 10pt arial,sans-serif; margin: 10px; }
HR.rule_help  { height: 1px; color: #ddd; }
TABLE.context_help { width: 100%; }
TABLE.context_help TD.more_help  { text-align: left; font: 10pt arial,sans-serif; }
TABLE.context_help TD.close_help { text-align: right; }

/* style for subject homepage */
TABLE.view_homepage { width: 100%; border-collapse: collapse; }
TABLE.view_homepage TD.categories { width: 17%; } 
TABLE.view_homepage TD.subject { width: 83%; }
TABLE.view_homepage TD.categories DIV.title { color: #000066; font: bold 12pt arial,sans-serif; border-bottom: solid 1px white; padding-bottom: 15px; }
TABLE.view_homepage TABLE.itemlist_holder { border-collapse: collapse;}
TABLE.view_homepage TD { vertical-align: top; }
TABLE.view_homepage DIV.view_level_top  { font-size: 11pt; border-bottom: solid 1px white; padding: 5px; }
TABLE.view_homepage DIV.view_level_sub1 { font-size: 10pt; padding-bottom: 2px; }
TABLE.view_homepage DIV.view_level_sub2 { margin-left: 15px; }
TABLE.view_homepage DIV.view_level_top A.more { float: right; }
TABLE.view_homepage SPAN.view_entry_spacer { padding-left: 10px; padding-right: 10px; }

/* styles for new reports page */
TABLE.view_latest_reports                   { width: 100%; padding-top: 1em; }
TABLE.view_latest_reports TD                { vertical-align: top; }
TABLE.view_latest_reports TD.report_list    { width: 20%; }
TABLE.view_latest_reports TD.recent_reports { width: 72%; }

/* styles for my_reports page */
TABLE.my_reports_editorial
{
  background-color:#f7f7f7;
  width:100%;
}
TABLE.my_reports_editorial TD.title
{
  font-size:16px;
  font-weight:bold;
  vertical-align:middle;
}
TABLE.my_reports_editorial TD.title A
{
  color: #000099;
}
TABLE.my_reports_editorial TD
{
  font-size:12px;
  font-weight:normal;
  vertical-align:top;
}
TABLE.my_reports_editorial TD IMG,
TABLE.my_reports_editorial TD DIV
{
  padding-left:2px;
  float:left;
}
DIV.show_all_reports
{
  margin-top: 0.5em;
  margin-right: 0.5em;
  font-size: 0.95em;
  color: inherit;
  text-align: right;
}
DIV.show_all_reports SPAN
{
  color: #ff0000;
}
TABLE.all_my_reports
{
  font-size:0.8em;
}
TABLE.my_reports
{
  width: 100%;
}
TABLE.my_reports TH
{
  font-size:1.1em;
  font-weight:bold;
  margin-bottom:3px;
  color:#333333;
}
TABLE.my_reports UL
{
  margin: 0;
  padding: 0;
}
TABLE.my_reports LI
{
  list-style-type: none;
}
TABLE.all_my_reports DIV.more
{
  margin-top: 0.5em;
  margin-right: 0.5em;
  font-size: 0.95em;
  color: inherit;
  text-align: right;
}
TABLE.all_my_reports DIV.more SPAN
{
  color: #ff0000;
}
TABLE.my_reports IMG
{
  width:52px;
  float:right;
  margin-right: 1em;
  margin-left: 0.2em;
  margin-bottom: 0.2em;
}
P.my_reports_description
{
  font-size: 85%;
}
DIV.sub_reports { padding-left: 30px; }
DIV.sub_reports .empty   { font-style: italic; color: red; }
DIV.heading { font: bold 13pt Arial,sans-serif; text-decoration: underline; color: #555555; }


A.target_view_entry, A.target_view_entry:visited { color: red; }

/* Word variants display for search results page */
SPAN.word_variants { font-family: arial,sans-serif; font-size: x-small; }
TABLE.word_variants { font-family: arial,sans-serif; font-size: x-small; }

/* this for the pos+ item page */
TABLE.posplus_full { font-size: smaller; border: 0; background: white; width: 100%; }
TABLE.posplus_full TR.title TH { font-size: larger; text-align: left; background: white; }
TABLE.posplus_full TD.toolbar  { border-top: solid 1px #e0e0e0; text-align: right; }
TABLE.posplus_full TD.description_container {  }
TABLE.posplus_full TD.data_container { width: 35%; text-align: center; vertical-align: top; }
TABLE.posplus_data { border: 1px solid #dbeaf3; }
TABLE.posplus_data TH.heading    { font-size: x-small; color: #333333; background: #dbeaf3; font-weight: bold; text-align: left; }
TABLE.posplus_data TD.data       { font-size: x-small; background: #ffffff; border-top: 1px solid #dbeaf3; border-left: 1px solid #dbeaf3; border-right: 1px solid #dfeaf3; }
TABLE.posplus_data TD.date_range { font-size: x-small; text-align: center; border-top: 1px solid #dfeaf3; }
TABLE.posplus_info { background: #ffff99; }
TABLE.posplus_info { width: 100%; }
TABLE.posplus_info TABLE.header_line { width: 100%; }
TABLE.posplus_info TABLE.header_line TD.title { font-weight: bold; }
TABLE.posplus_info TABLE.header_line TD.icon { text-align: right; }
TABLE.posplus_info TABLE.info_box TD.info { font-size: x-small; color: #666666; }

/* this for the GNOD item page */
TABLE.gnpd_full { font-size: smaller; border: 0; background: white; width: 100%; }
TABLE.gnpd_full TR.title TH { font-size: larger; text-align: left; background: white; }
TABLE.gnpd_full TD.toolbar  { border-top: solid 1px #e0e0e0; text-align: right; }
TABLE.gnpd_full TD.description_container {  }
TABLE.gnpd_full TD.data_container { width: 35%; text-align: center; vertical-align: top; }
TABLE.gnpd_info { background: #ffff99; }
TABLE.gnpd_info { width: 100%; }
TABLE.gnpd_info TABLE.header_line { width: 100%; }
TABLE.gnpd_info TABLE.header_line TD.title { font-weight: bold; }
TABLE.gnpd_info TABLE.header_line TD.icon { text-align: right; }
TABLE.gnpd_info TABLE.info_box TD.info { font-size: x-small; color: #666666; }

/* styles for showing a report href (and its associated icons) */
TABLE.report_xref { border-collapse: collapse; margin: 0; padding: 0; }
TABLE.report_xref TD.status { width: 17px; vertical-align: top; }
TABLE.report_xref TD.expand { width: 17px; vertical-align: top; text-align: center; }
TABLE.report_xref TD.expand_status { width: 35px; vertical-align: top; }
IMG.toggle_expand { vertical-align: middle; margin-right: 2px; height: 9px; width: 9px;  }
TABLE.report_xref SPAN.RCItem { font: bold 9pt arial,sans-serif; }
TABLE.report_xref SPAN.RCItem SPAN.cover_country { font: 8pt arial,sans-serif; color: #000066; }
TABLE.report_xref SPAN.RCItem SPAN.cover_date    { font: 8pt arial,sans-serif; }
TABLE.report_xref SPAN.ReportGroup SPAN.cover_title   { font: bold 9pt arial,sans-serif; }
TABLE.report_xref SPAN.ReportGroup SPAN.cover_country { font: 8pt arial,sans-serif; color: #000066; }
TABLE.report_xref SPAN.ReportGroup SPAN.cover_date    { font: 8pt arial,sans-serif; }

/* styles for showing all other item hrefs (and its associated icons) */
TABLE.item_xref { border-collapse: collapse; margin: 0; padding: 0; }

/* used to display nested reports grouped together */
DIV.report_group_standout { padding-left: 10px; border-top: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb; }
DIV.report_group_blend_in { /*border-top: 1px solid #bbbbbb;*/ border-bottom: 1px solid #bbbbbb; }


/* these are used to show list of indented sections under the cover heading */
TABLE.report_xref DIV.nested_list_item { font-size: 8pt; color:#555555; padding-left: 1em; padding-bottom: 5px; }
TABLE.report_xref A.list_switch,
TABLE.report_xref A.list_switch:visited { color: red; font: bold 13pt sans-serif; }
TABLE.report_xref A.list_switch:hover,
TABLE.report_xref A.list_switch:active  { text-decoration: none; }

/* styles for report keys */
TABLE.report_key { width:100%; font-size: 8pt; text-align: left; border-top: solid 1px #777777; }
TABLE.report_key TD SPAN { font-weight: bold; }

/* style to enablee drag n drop on a tag - does not work on <table> or <tr> tags */
.drag { position: relative; cursor: move; /*border: solid 1px black;*/ }
.drag INPUT, .drag TABLE { cursor: auto; }
.drag TABLE.item_xref { margin-right: 100px;}

/* styles for export basket page tabbing */
TABLE.page_tab { font: bold 10pt arial,sans-serif; }
TABLE.page_tab TD { border: solid 1px black; padding: 2px; }
TABLE.page_tab TD.active { background: #e3e9f9; color: #555555; }
TABLE.page_tab TD.inactive A,
TABLE.page_tab TD.inactive A:link,
TABLE.page_tab TD.inactive A:visited { color: #aaaaaa; }
TABLE.page_tab TD.inactive A:hover,
TABLE.page_tab TD.inactive A:active { color: red; }

/* these item preview boxes are used by report cover and company profile */
TABLE.item_links { width: 100%; clear:both }

TABLE.item_links TD.two_col { width: 50%; }

TABLE.item_links TR.row { padding: 5px; vertical-align: top; }
TABLE.item_links SPAN.title  { font: bold 12pt arial,sans-serif; }
TABLE.item_links TABLE.type_header { width: 100%; }
TABLE.item_links DIV.type_header { float: right; margin-top: 5px; margin-right: 5px; }
TABLE.item_links DIV.body    { font-size: 8pt; }
TABLE.item_links DIV.body DIV.thumb_image IMG   { float: right; padding: 1ex; }
TABLE.item_links DIV.sortoptions   { margin-left: 15px; }
TABLE.item_links A.item_link, SPAN.section_title, SPAN.xref_atom_heading { font-size: 8pt; font-family: arial,sans-serif; }
TABLE.item_links SPAN.inaccessible { font-size: 8pt; }
TABLE.item_links A.item_link DIV.title { font: bold 9pt arial,sans-serif; }

TABLE.item_links DIV.xref_atom_heading { margin-left: 20px; }
TABLE.item_links TD.page_tab { padding-bottom: 2px; font-size: 10pt; }
TABLE.item_links TD.page_tab SPAN.active     { padding: 2px; background: #f7f7f7; font-weight: bold; color:#000099; }
TABLE.item_links TD.page_tab SPAN.activePage { padding: 5px; background: #dbeaf3; font-weight: bold; }
TABLE.item_links TD.page_tab SPAN.inactive   { padding: 5px; }
TABLE.item_links TD.sections { background: #dbeaf3; }
TABLE.item_links TD.abstract { background:#dddddd; padding-right: 10px; }

.abstract { padding: 0.6em; text-align: justify; }
.abstract .title { color: #990066; }
.abstract .icons { float: right; margin: -3em 0 1em 1em; width: 50px; }
.abstract .icons img { margin-bottom: 7px; }

TABLE.item_links TD.abstract_expand    { background:#eeeef7; padding-right: 10px; }
TABLE.item_links TD.abstract_expand TH { color:#000077; }

TABLE.item_links TD.Generic { background:#f7f7f7; }
TABLE.item_links TD.instruction { width: 20%; border-left: solid 5px white; }
TABLE.item_links TD.instruction DIV.interior { color:#333333;  font-size: 9pt; padding: 2px; border: solid 1px #dddddd; }
TABLE.item_links TD.instruction DIV.header   { color: #555555; font: bold 10pt arial,sans-serif; margin-bottom: 10px; }

TABLE.item_links TD.RCItem- { background:#ffffff; }
TABLE.item_links TD.RCItem- SPAN.title { color:#000099; font-size:13.333px; font-weight:bold;}
TABLE.item_links TD.RCItem- TABLE.report_type { width:95%; }
TABLE.item_links TD.RCItem- .body { background: #f7f7f7; color:#666666; }
TABLE.item_links TD.RCItem-Historical { background: #e7ecfa; }
TABLE.item_links TD.RCItem-Historical SPAN.title { color: #336666; }
TABLE.item_links div.top_header {background:url("/images/oxygen/dotted_line_dark.gif") bottom left repeat-x; padding-bottom:5px;}
TABLE.item_links .header {color:#000099; font-size:13px; font-weight:bold; }
TABLE.item_links TD.side_box { padding:0 0 13px 13px;}
TABLE.item_links TD.side_box SPAN.title { color:#000099; font-size:13px; font-weight:bold;}
TABLE.item_links TD.side_box TABLE.report_type { width:95%; }
TABLE.item_links .side_box .body { background: #f7f7f7; color:#666666; }
TABLE.item_links DIV.image_items_body { padding-top: 0.5em; } /* trend item box gets it own body style */

/* Annotations box on report cover */
TABLE.item_links TD.Annotation- A.section_title { font-weight: bold; }
TABLE.item_links TD.Annotation- { background:#ebe8ff; }
TABLE.item_links TD.Annotation- .section { margin-left: 1em; }
TABLE.item_links TD.Annotation- .atom { margin-left: 1em; margin-bottom: 0.5em; }
TABLE.item_links TD.Annotation- A.atom_title { }
TABLE.item_links TD.Annotation- SPAN.initials { font-weight: bold; color: #666; }
TABLE.item_links TD.Annotation- SPAN.comment { margin-left: 1em; font-weight: normal; font-style: normal; }
TABLE.item_links TD.Annotation-  TD.annotation { padding-left: 1em; }
TABLE.item_links TD.Annotation-  SPAN.replycount { font-style:italic; }
TABLE.item_links TD.Annotation- TD.annotation { font-size: 8pt; }


TABLE.item_links TD { vertical-align: top; }
TABLE.item_links TD SPAN.inaccessible { text-decoration: none; color:gray; }

/* small font regions on the search results page */
TABLE.item_links TD .sortoptions { font-size: 8pt; }
TABLE.item_links TD .report_type { font-size: 8pt; }

/* abstract */
.abstract { font-size: 10pt }

/* Greyed out text */
SPAN.off { color: silver; }

/* Icon sizes */
IMG.ann          { width: 16px;  height: 16px; }  /* Annotation icons */
IMG.bookmark     { width: 16px;  height: 16px; }  /* Bookmark icon */
IMG.export       { width: 21px;  height: 16px; }  /* Export icon */
IMG.fig_bookmark { width: 12px;  height: 12px; }  /* Bookmark icon for figures */
IMG.fix          { width: 16px;  height: 16px; }  /* For editing company links */
IMG.status       { width: 13px;  height: 12px; }  /* Report status icon */
IMG.source       { width: 15px;  height: 12px; }  /* Report source icon */
IMG.update       { width: 15px;  height: 14px; }  /* Report updates status icon */
IMG.access       { width: 17px;  height: 12px; }  /* Item access icon */
IMG.pie,
IMG.bar,
IMG.line,
IMG.combination  { width: 26px;  height: 22px; }  /* Graphing icons */
IMG.stack        { width: 22px;  height: 26px; }  /* Stack graph icon: different dimensions */
IMG.early        { width: 50px;  height: 49px; }  /* Early access icon */
IMG.jigsaw       { width: 40px;  height: 29px; }  /* Jigsaw icon for sections */
IMG.bigarrow     { width: 9px;   height: 9px;  }  /* Big arrow icon */
IMG.forecast     { width: 200px; height: 150px; } /* Forecast graph */
IMG.posplus      { width: 80px;  height: 60px; }  /* Pos+ graph */
IMG.google       { width: 75px;  height: 32px; }  /* Google logo */

IMG.ppt_thumb,                                   /* Powerpoint thumbnail */
IMG.map_thumb    { border: 1px solid #d0d0d0; }  /* Report map thumbnail */

/* In the item boxes */
TD.RCItem-              IMG.item_icon  { width: 22px; height: 25px; }
TD.RCItem-Historical    IMG.item_icon  { width: 50px; height: 50px; }
TD.NSItem-News          IMG.item_icon  { width: 23px; height: 30px; }
TD.NSItem-MgrApp        IMG.item_icon  { width: 31px; height: 24px; }
TD.NSItem-LaunchReview  IMG.item_icon  { width: 20px; height: 35px; }
TD.NSItem-MintelComment IMG.item_icon  { width: 35px; height: 33px; }
TD.CItem-Company        IMG.item_icon  { width: 24px; height: 25px; }
TD.CItem-Trade          IMG.item_icon  { width: 40px; height: 25px; }
TD.GNPDItem-            IMG.item_icon  { height: 14px; }
TD.PosPlusItem-         IMG.item_icon  { width: 40px; height: 11px; }


DIV.categories { background: #f7f7f7; padding: 0.5em;
		 font-size: 8pt; font-family: arial,sans-serif; }
DIV.categories .category { padding-left: 2em; }

LABEL { cursor: pointer; cursor: pointer; }
.notfound { padding: 1em 5em; text-align: left; }

FORM#google INPUT.query { width: 20em; }

h3 { margin-bottom: 0.2em; padding-bottom: 0; }

/* Purty colours for user highlighting stuff. */
DIV.green   { border: 3px solid #9f9 !important; }
DIV.pink    { border: 3px solid #f9f !important; } 
DIV.yellow  { border: 3px solid #ff6 !important; } 
DIV.blue    { border: 3px solid #6cf !important; } 
DIV.orange  { border: 3px solid #fc6 !important; } 

SPAN.green, OPTION.green { background: #9f9; }
SPAN.pink { background: #f9f; }
SPAN.yellow { background: #ff6; }
SPAN.blue { background: #6cf; }
SPAN.orange { background: #fc6; }

DIV.seealso SPAN { font-size: x-small; font-weight: bold; padding-bottom: 2em; }
DIV.seealso { padding: 0.5em; background-color: #eeeeee; }


/** press classes **/ 
TABLE.recent_releases TH
{
  font-size: 10pt;
  padding-bottom: 0.5em;
  border:none;
  background-image: url(/images/oxygen/dotted_line_dark.gif);
  background-position: bottom center;
  background-repeat: repeat-x;
  color: rgb( 0,0,153 );
}

TABLE.recent_releases TD div {
  padding-bottom: 1em
}

TABLE.press_view_color_scheme { padding-right: 1em }
.press_view_color_scheme th 
{
  color: rgb( 0,0,153 );
  border-bottom: 1px solid rgb(255,204,0);
  font-size: 12pt;
}

/** this gets rid of some large arrows that don't look good*/
.press_view_color_scheme th img,
.recent_releases th img { display:none }

/* news update specific view styles */
.news_view_color_scheme {margin-top:-3px;text-align:left;}
.news_view_color_scheme, TD.news_view_footer_row
	{ background-color:#ffffff; border:#E3E9F9 0px solid; }
TD.news_view_column_title, TD.news_view_column, TD.news_view_title 
	{ background-color:#eeeeee; }
TD.news_view_title { color: #555555; font-weight: bold; height:25px; font-size:13px}
.news_view_color_scheme th { background-color:#eeeeee; color: #555555; font-weight: bold; height:25px; font-size:13px; }

TD.press_view_column_title, TD.news_view_column_title { font-size:13px; }
SPAN.press_item_title, SPAN.news_view_entry { width:100%; } 		/* view last column item style */ 
A.press_view_entry, A.news_view_entry, A.selected_view_entry { font-size: x-small; font-family: arial,sans-serif; } 	/* view non last column item style */

/* DF: this must be the most ludicrous bit of css in this file.  Which is saying something. */
TD.news_view_column TABLE TR TD A.selected_view_entry { color: #000000; margin-left: 20px; font-weight: bold; margin-top: 5px; margin-bottom: 5px;}
TD.press_view_column TABLE TR TD A.selected_view_entry { color: #000000; margin-left: 20px; font-weight: bold; margin-top: 5px; margin-bottom: 5px;} 
SPAN.press_item, SPAN.news_item { margin-left: 10px; font-size: x-small; font-family: arial,sans-serif;  }
SPAN.view_viewer_title { font-weight: bold; color: #555555;}
TABLE TR TD.press_right_toolbar { padding-right: 7px; padding-left: 7px; border-left: #999999 1px solid;  text-align: center;}
a.press_toolbar { font-weight: bold; color: #555555; font-size: 70%; vertical-align: middle; text-align: center;}

SPAN.position_description { FONT-SIZE: x-small; COLOR: #666666; TEXT-ALIGN: right }

A.navigator:visited { FONT-SIZE: xx-small; COLOR: red }
A.navigator:link { FONT-SIZE: xx-small; COLOR: red }
A.navigator:hover { FONT-SIZE: xx-small; COLOR: red }
SPAN.navigator { FONT-SIZE: xx-small; WIDTH: 100%; } 
DIV.navigator { VERTICAL-ALIGN: bottom; WIDTH: 100%; TEXT-ALIGN: right; } 

/* contacts & policy & other static press HTML pages style */

.marketingcontact { font-size: 14px; color: #333333; font-family: Times New Roman, Times, serif; }
.marketingnoticemeb { font-weight: bold; font-size: 10pt; color: #ff0000; font-family: Arial, Helvetica, sans-serif }

TABLE.press_release { 
	margin:0; margin-top:0; padding:0; vertical-align:top;  background-color: #ffffff; border: solid 1px #999999;
}

TD.citation { font-size:12px; }

.submit_form_content { font-size:12px; }
.privacy_info_content { font-size:12px; }

.snippet_heading
{ 
 background-color: white;
 padding-left: 8px; 
 padding-right: 80px; 
 border-left: solid 10px #ffcc00; 
 border-bottom: solid 1px #999999;
 padding-bottom: 2px;
 
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold; 
 font-size: 10pt;
 color: #777777;
 text-transform: lowercase;
 vertical-align: bottom;
 line-height: normal;
}

DIV.financial_table { margin-top: 20px; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; }
DIV.financial_table TD { font-family: verdana,arial,helvetica,sans-serif; font-size: 70%; }

.shortcut_heading
{ 
 padding-top: 15px;
 padding-left: 8px; 
 padding-right: 15px;
 border-bottom: solid 1px #999999;
 padding-bottom: 2px;

 font-size: 8pt;
 vertical-align: bottom;
 line-height: normal;
}

TR.mandatory_missing
{
    background-color:       #FDEEF4;
}

/* style for non table based toolbars */
SPAN.toolbar, UL.toolbar
{
 text-align: right;
 padding-left: 5px;
 padding-right: 5px;
 margin: 5px;
 color: #666666;
 font: bold 8pt arial,sans-serif;
 float: right;
 white-space: nowrap;
}

SPAN.toolbar-export-basket
{
  font: 11pt arial,sans-serif;
}

UL.toolbar {font-size: 0}

UL.toolbar LI
{
    font: bold 8pt arial,sans-serif;
    display: inline;
    border-right: 1px solid #336699;
    padding: 0 5px 0 6px;
}

/* be slightly tidier in broswers that support it */
UL.toolbar LI:last-child {
    border-right: none;
}


A.graphtool         { color: #666666; font: 8pt arial,sans-serif; }
A.graphtool:visited { color: #666666; }

A.graphtool:link:hover,
A.graphtool:link:active,
A.graphtool:visited:hover,
A.graphtool:visited:active
{
 color: red;
 text-decoration: underline;
}

A.graphtool_hot
{
 font: bold 8pt arial,sans-serif;
}
A.graphtool_hot:link
{
 color: red;
 text-decoration: none;
}
A.graphtool_hot:visited
{
 color: red;
 text-decoration: none;
}
A.graphtool_hot:link:hover,
A.graphtool_hot:link:active,
A.graphtool_hot:visited:hover,
A.graphtool_hot:visited:active
{
 color: red;
 text-decoration: underline;
}

DIV.trend_article {margin-right: 50px}

/*** CSS FOR NEW STYLES - everything should be under a div with class=new_design ***/

.new_design
{
  margin:0;
  padding:0;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  font-size: 10pt;
  width: 99%;
}

P
{
  margin-top: 0;
  margin-bottom: 1em;
}

A.a_no_underline:hover,
A.a_no_underline:active
{
  text-decoration: none;
}

/**Lists**/
.new_design LI
{
  margin-bottom: 1em;
}

.new_design UL > LI
{
  list-style: disc;
}

/****** TOOLBAR - Links with images bottom aligned ***/

.new_design .toolbar
{
  margin: 0;
  margin-bottom: 5px;
  color: rgb(0, 0, 153);
  font-size: 8pt;
  vertical-align:middle;
  font-weight: normal;
}
.new_design .toolbar A
{
  color: #666;
}
.new_design .toolbar A:link
{
  text-decoration:none;
}
.new_design .toolbar A:hover
{
  text-decoration:underline;
}
.new_design .toolbar IMG
{
  vertical-align:middle;
}
.new_design .graph_tools .toolbar
{
  text-align: right;
}
.new_design .graph_tools .toolbar,
.new_design .graph_tools .toolbar A:link,
.new_design .graph_tools .toolbar A:visited,
.new_design .graph_tools .toolbar A:hover,
.new_design .graph_tools .toolbar A:active
{
  color: red;
}

/************       HEADINGS     ***************/

/**Standard headings = h2,h3,h4 - used in item content for subsection headings **/

.new_design H2,
.new_design H3,
.new_design H4
{
  margin-top: 1em;
}

.new_design .no_heading_margins H2,
.new_design .no_heading_margins H3,
.new_design .no_heading_margins H4
{
  margin-top: 0;
}

.new_design H2
{
  font-size: 15pt;
  color: rgb(0, 0, 153);
  margin-top: 1em;
}
.new_design H3
{
  font-size: 12pt;
  color: rgb(0, 0, 153);
  margin-top: 1em;
}
.new_design H3
{
  border-bottom: 1px solid rgb(255, 204, 0);
}
.new_design.table_of_contents H3
{
  border:none;
}

.new_design H4
{
  font-size: 10pt;
  margin-bottom:0;
}


/**heading_A,B,C etc used for special headings in page layout**/
.new_design .heading_A {
    padding: 0px 0 1px 3px;
    margin: 0 0 0.5em 0;
    color: #000099;
    font-weight: bold;
    font-size: 25px;
    text-transform: none;
    border-bottom:1px solid #ffcc00;
    text-align:left;
    font-family: arial,helvetica,sans-serif;
}

.new_design .heading_B,
.new_design .unit.box .hd{
  margin: 1em 0;
  color: rgb(0, 0, 153);
  font-size: 10pt;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 12px;
  background-image: url( /images/oxygen/big_arrow.gif );
  background-repeat: no-repeat;
  background-position: 4px center;
}
.new_design .unit.box .hd.down_arrow
{
  background-image: url( /images/oxygen/down_arrow.gif );
  background-position: 2px center;
}

.new_design .heading_C {
  font-size: 10pt;
  font-weight: bold;
  color: #666;
}

.new_design .heading_C A
{
  color: black;
}

.new_design .report_section_heading
{
  font-size: 18pt;
  color: rgb(102, 102, 102);
  font-weight: bold;
  padding-bottom:0.2em;
  padding-top: 0.7em;
} 
.new_design .figure
{
  position:relative;
  clear: left;
}

/************ UNITS *******************/
/* Units are handy containers for creating blocks of content
   on the page. There are three main types of units: boxes,
   blocks and bubbles (the names are arbitrary). There are
   sub-varieties of these units such as 'large bubble' which is
   a bubble with larger text and 'alternative box' which is 
   a box with different background colors. 

   Each unit containers a header (class 'hd') body (class 'bd')
   and footer (class 'ft'). The differences between the unit
   classes is mainly in how these elements are styled.
*/
/**Floating images attached to WH stories*/
.new_design .unit DIV.story_image
{
  margin: 0 1em 1em 0;;
  float: left;
  background: white;
}
.new_design .unit.bubble DIV.story_image
{
  margin-top: 0.5em;
}

/**links within lists - give them a margin**/
/**
   The .list_link class has display:list-item. This means it should be
   surrounded by a UL tag. I.e.
   <ul>
     <li class="list_link">1</li>
     <li class="list_link">2</il>
   </ul>
   or
   <ul>
     <div class="list_link">1</div>
     <div class="list_link">2</div>
   </ul>
   Are fine - the same without the UL's around it will display wrong.

   However, if you use .list_link.no_bullet then you don't need the UL.
     <div class="list_link no_bullet">1</div>
   is fine (in fact, putting a UL around it will probably make things worse).
*/
.new_design .list_link
{
  margin-bottom:0.5em;
  list-style-image: url(/images/oxygen/yellow_bullet.gif);
  display: list-item
}

.new_design .list_link.no_bullet
{
  display:block;
  background-image: none;
  padding-left:0;
}

.new_design .list_link.no_bullet ul
{
    padding-left: 0.5em;
    margin-left: 0.5em;
}

.new_design .list_link.no_border
{
    border: none;
}

.new_design .list_link.no_bullet .selected
{
    font-weight: bold;
}

.new_design .list_link.highlighted A,
.new_design .list_link.highlighted A:link,
.new_design .list_link.highlighted A:visited
{
  color:red;
}

/* make sure anchors within list_links look the same even when
  contained in a report subsection */
.list_link A,
.list_link A:link,
.list_link A:active,
.list_link A:visited,
.list_link A:hover
{
  color: #666;
  text-decoration: none;
}

.list_link A:hover
{
  color: red !important;
}

.new_design .heading_B A:link,
.new_design .heading_B A:visited,
.new_design .heading_C A:link,
.new_design .heading_C A:visited,
.new_design .unit .hd A,
.new_design .unit .hd A:link,
.new_design .unit .hd A:visited
{
  color: rgb(0, 0, 153);
  text-decoration: none;
}

.new_design .heading_B A:hover,
.new_design .heading_B A:active,
.new_design .heading_C A:hover,
.new_design .heading_C A:active,
.new_design .unit .hd A:hover,
.new_design .unit .hd A:active
{
  text-decoration: underline;
}
/************   BOXES **************************/
.new_design .unit.box
{
  padding: 0;
  margin-bottom: 1em;
}

.new_design .unit.box .hd
{
  background-color: rgb(238, 238, 238);
  margin:0;
}

.new_design .unit.box .bd
{
  padding: 0.5em 1em;
  margin: 0;
}

.new_design .unit.box .bd .list_link
{
  padding-bottom: 0.25em;
  margin-bottom: 0.25em;
  border-bottom: 1px solid #eee;
}

.new_design .unit.box .bd FORM
{ /*IE is weird...*/
  /*...this fixes the display of forms within boxes e.g. the select sections to export
    functionality on report cover pages (on IE 6)*/
  position:relative;
}

.new_design .unit.box.alternative .bd
{
  font-size: 8pt;
  padding-top:0;
}

.new_design .unit.box.alternative .hd
{
  background: transparent;
  padding:5px;
}

.new_design .unit.box.alternative
{
  background: white url(/images/oxygen/trends/gradient.png) top left repeat-x;
  border: 1px solid #ccc;
}
.new_design .unit.box.alternative A,
.new_design .unit.box.alternative A:link,
.new_design .unit.box.alternative A:visited
{
  color: #333;
}


.new_design .unit.box.alternative .bd .list_link
{
  border-bottom: none;
}

DIV.xref_illustration_image {
  float:left;
  margin: 0 1em 1em 0;
  border: 1px solid #ccc;
}

DIV.xref_illustration_image IMG {
  width: 60px;
}


/*************  BUBBLES   *******************/
.new_design .unit.bubble
{
  margin: 0 0.5em 1.5em 0.5em;
  font-size: 9pt;
}

.new_design .unit.bubble .hd
{
  font-size: 10pt;
  font-weight: bold;
  margin: 4px 0;
}


.new_design .unit.bubble .bd
{
  padding: 0;
  margin: 1em 0 0 0;
  color: #666;
}

.new_design .unit.bubble .ft
{
  padding-top:2px;
  font-size: 8pt;
  clear: both;
}

.new_design .unit.bubble.medium .hd
{
  font-size: 14pt;
}
.new_design .unit.bubble.medium .bd
{
  font-size: 10pt;
}
.new_design .unit.bubble.medium .bd td
{
    font-size: 10pt;
    vertical-align: middle;
}

.new_design .unit.bubble.large .hd
{
  font-size: 16pt;
}
.new_design .unit.bubble.large .bd
{
  font-size: 10pt;
}
.new_design .unit.bubble.large .bd td
{
    font-size: 12pt;
    vertical-align: middle;
}

.new_design .unit.bubble .bd .whatshot_editor,
.new_design .unit.bubble .bd .whatshot_editor A:link,
.new_design .unit.bubble .bd .whatshot_editor A:visited
{
  margin-top: 1em;
  color: red;
  text-align: right;
}
.new_design .unit.bubble.large .bd .whatshot_editor
{
  font-size: 12pt;
}
.new_design .unit.block .unit.bubble
{
  margin:0;
}

/************* BLOCKS  **************/
/* Item list and my info tables are also styled here to look like the
   new blocks*/

.new_design .unit.block,
TABLE.empty_itemlist,
TABLE.profile_edit TD.info_cell,
TABLE.my_user_info TD.info_cell
{
  color: #484848;
  border: 1px solid #e8eae8;
  padding: 10px 15px;
  background-image: url(/images/oxygen/striped_grey_bg.png);
}

.new_design .unit.block .hd,
TABLE.my_user_info TD.info_cell TH
{
  font-size: 12pt;
  font-weight: bold;
  color: rgb(0, 0, 153);
  padding-bottom: 0.25em;
  margin-bottom:0.25em;
  border-bottom: 1px solid rgb(255, 204, 0);
}

.new_design .unit.block.sub .hd
{
  font-size: 10pt;
}

.new_design .unit.block.sub .bd
{
  font-size: 9pt;
}

.new_design .unit.block .bd,
TABLE.empty_itemlist TD
{
  color: #666;
}

.new_design .unit.block.sidebar,
TABLE.empty_itemlist,
TABLE.my_user_info TD.info_cell 
{
    padding: 0 1em;
    /*padding 10px 15px;*/
}

.new_design .unit.block.shaded .bd,
.new_design .unit.block.sidebar .bd,
TABLE.empty_itemlist TD
{
  background-color: rgb(247,247,247);
  padding: 0.5em;
}

.new_design .unit.block.shaded .hd
{
/* TRIP 6240: IE 6 bug that causes "Reports" heading in What's Hot homepage 
 * to disappear after displaying a tooltip. See
 * http://www.positioniseverything.net/explorer/peekaboo.html 
 */
  position: relative;
}

.new_design .unit.block.sidebar .hd,
TABLE.my_user_info TD.info_cell TH
{
  font-size: 16px;
  font-weight: bold;
  color: #993F97;
  padding-bottom: 5px;
  font-family:"Lato Light", arial, sans-serif;
  border:none;

}

.new_design .unit.block.shaded ul
{
    padding: 0;
    margin: 0.2em 0.2em 0.2em 1.2em;
}

TABLE.empty_itemlist SPAN.filter{ font-weight: bold }
TABLE.empty_itemlist{ width:100% }

TABLE.my_user_info TD.info_cell {padding:10px 15px;margin:0}
TABLE.my_user_info TD.info_cell TABLE { border-collapse:collapse; border:0;width:100%;margin:auto }
TABLE.my_user_info TD.info_cell TD { padding: 5px }

TABLE.profile_edit TD.info_cell {padding:10px 15px;margin:0}
TABLE.profile_edit TD.info_cell TABLE { border-collapse:collapse; border:0;width:100%;margin:auto }
TABLE.profile_edit TD.info_cell TD { padding: 5px }



/****** NEW HOMEPAGE STYLES ******/

div.latest_reports
{
    float: left;
    width: 59%;
}

.new_design .unit.bubble .bd .report_editor,
.new_design .unit.bubble .bd .report_editor A:link,
.new_design .unit.bubble .bd .report_editor A:visited
{
  color: red;
  text-align: right;
}

div.clear { clear:both; }

/**Fancy submit buttons**/
INPUT.styled_submit,
A.styled_submit
{
    font-weight:         normal;
    text-decoration:     none;
    text-transform:      lowercase;
    font-style:          normal;
    color:               #555;
    font-size:           0.8em;
    padding:             1px 15px 1px 2px;
    border:              1px outset;
    background:          url(/images/oxygen/styled_arrow_right.gif);
    background-color:    white;
    background-repeat:   no-repeat;
    background-position: right 50%;
    cursor:              pointer;
    line-height:         13px;
    margin-right:        5px;
}

INPUT.styled_submit:hover,
A.styled_submit:hover
{
    background-color:       rgb(238,238,238);
    text-decoration: none;
    color: #555;
}

div.floathalfwidth
{
    float: left; 
    padding: 0.4em; 
    width: 45%
}

#floatlayer  
{
    position: absolute;
    font-size: 70%;
    width:  120px;
    left: 5px;
    text-align: right;    
    z-index:5;
}

.searchcontrol h1 {
    padding: 1ex 0 0 0;
    font-size: 1.2em;
    font-weight: bolder;
    margin: 0 1ex;
}

.searchcontrol .tab {
    background-color: #F7F7F7;
    border: 1px solid #ccc;
    border-bottom: none;
    text-align: right;
    width: 5em;
    float: right;
    height: 1em;
}

.searchcontrol .tabspacer
{
    border-bottom: 1px solid #ccc;
    height: 1em;
}

.searchcontrol .tabbody
{
    background-color: #F7F7F7;
    border: 1px solid #ccc;
    border-top: none;
}

.searchcontrol .tabbody img
{
    vertical-align: top;
}

#floatlayer .toolbar /* contains section name */
{
    display: none;       
}

/* styles for button links and #cc0000 submit buttons */
A.styled_button
{
    font-weight:	bold;
    text-decoration:	none;

    color:		#cc0000;
    padding: 1px 10px 1px 10px;
    height:		1%;
}

A.styled_button:visited
{
    color:	  #cc0000;
}

.styled_button
{
    cursor:		pointer;    
    border: 2px outset #999999;
    background-color: 	white;
    margin: 0.5em 0.25em; 
    padding: 1px 15px 1px 2px;
    font-size:		8pt;   

    text-transform:	lowercase;
    
    background: url( /images/oxygen/styled_arrow_right.gif ) center right no-repeat;
 
}

SPAN.styled_button.left_arrow
{
    background-image: url( /images/oxygen/styled_arrow_left.gif );
    background-position: center left;
    padding: 1px 2px 1px 15px;    
}

SPAN.styled_button.no_arrow
{
    background-image: url( );
    padding: 1px 2px 1px 6px;    
}

.slider
{
    padding: 0;
    margin: 0;
    display: block;
}

.slider img
{
    vertical-align: bottom;
}


SPAN.styled_button:hover
{
    background-color: #efefef;
}

SPAN.styled_button.disabled:hover
{
    background-color: white;
}


SPAN.styled_button > A:hover
{
    text-decoration:none;
    color: #555;
}
TABLE.side_box2x2
{
    width:100%;
}

DIV.gnpd_box
{
    text-align:center;
    width:100%;
}

TABLE.market_touchpoints { border-collapse: collapse; margin: 1em }

td.market_touchpoint
{
    background-color: #fff9aa;
    border-bottom: 3px groove #cccccc;
    border-right: 3px groove #cccccc;
    padding: 1em;
}

a.market_touchpoint:active,
a.market_touchpoint:visited,
a.market_touchpoint:link,
a.market_touchpoint
{
    padding-bottom: 0.6em;
    font-size: 12pt;
    color: #000099;
    font-weight: bold;
}

a.market_touchpoint:hover
{
    padding-bottom: 0.6em;
    font-size: 12pt;
    color: #0000c1;
    font-weight: bold;
}

.shaded
{
    background:#f7f7f7;
}

TD.latest_news
{
  font-size: 0.9em;
  padding-right: 1.5em;
}

TD.latest_news H2
{
  padding-top:0;
  margin-top:0;
  margin-bottom:0.2em;
}

TD.latest_news H2 A,
TD.latest_news H3 A
{
  color: rgb(0, 0, 153);
  text-decoration: none;
}

TD.news_type
{
    padding: 0;
    border: solid 0.1em transparent;
}

TD.latest_news .hd,
TD.latest_news .hd A,
TD.news_type .hd,
TD.news_type .hd A
{
  font-weight: bold;
  color: rgb(0, 0, 153);
  margin: 0;
  padding: 0;
  width: 100%;
  margin-bottom:0.25em;
  font-size: 10pt;
  padding-bottom: 0.5em;
  border:none;
  background-image: url(/images/oxygen/dotted_line_dark.gif);
  background-position: bottom center;
  background-repeat: repeat-x;
}

TD.news_type DIV.news_item
{
  font-size: 0.8em;
  margin-left: 0.4em;
  margin-right: 0.4em;
}

TD.news_type DIV.thumb_image IMG
{
  float: right;
  padding: 1ex;
}

TD.latest_news DIV.thumb_image IMG
{
  float: left;
  padding: 1ex;
}

DIV.list_link DIV.no_border
{
  margin-left: 1em;
}

/** Trends / trend observations **/

/** BEGIN old trend styles - remove when all old trend occurrences have dissapeared from XSL */
/* deprecated trend report xref styles, remove these when all uses have been changed to the trend_xref style*/
DIV.trend_report_xref_list {
  width:18em;
  background-color:white;
  padding-right: 1em
}

DIV.trend_report_xref_list TABLE {
  padding:0;
  margin:0;
}

DIV.trend_report_xref {
  padding-bottom: 1em;
}

DIV.trend_report_xref_list.counter DIV.trend_report_xref DIV.content {
  background-color: #900;
  border: 0;
  color: white;
}
DIV.trend_report_xref_list.related DIV.trend_report_xref DIV.content {
  background-color: #25530A;
  border: 0;
  color: white;
}


DIV.trend_report_xref DIV.content {
  border: 1px solid #ccc;
  -moz-border-radius: 6px 6px;
  border-radius: 6px 6px;
  padding: 0.4em;
}

DIV.trend_report_xref DIV.content:hover {
  border: 1px solid #009;
  background-color: #f7f7f7;
}

/**make sure link styles look the same - including when inside report/trend
    subsections **/
DIV.trend_report_xref A,
DIV.trend_report_xref A:hover {
  color: #009 !important;
  font-weight: bold;
  text-decoration: none !important;
}

div.trend_report_xref_list.related a,
div.trend_report_xref_list.related a:hover, 
div.trend_report_xref_list.counter a,
div.trend_report_xref_list.counter a:hover {
  color: white !important;
}
DIV.trend_report_xref_list.related DIV.trend_report_xref_links A:hover,
DIV.trend_report_xref_list.counter DIV.trend_report_xref_links A:hover {
  color: #ccc !important;
}

DIV.trend_report_xref_links A{ color: #666 !important }
DIV.trend_report_xref_links A:hover{ color: red !important }

DIV.trend_report_xref_links {
  margin-top: 0.5em;
}

DIV.trend_report_xref > DIV.content > DIV.trend_report_xref_links {
  display:none;
}

DIV.trend_report_xref:hover > DIV.content >  DIV.trend_report_xref_links {
  display:block;
}

DIV.trend_report_xref DIV.content TD { vertical-align: middle !important }

/* END old trend styles */

/* START Paging widget */
div.paging_widget
{
    margin: 5px 1em 5px 1em;
    font-size:                0.8em;
    text-align:               right;
    position:                 relative;
    border:                   1px solid white;
    white-space: nowrap;
    float: right;
}

div.paging_widget, div.paging_widget a
{
  color:                    #666666;
}

div.paging_widget a,
div.paging_widget em
{
  border:                   1px outset #cccccc;
  position:                 relative;
  white-space:              nowrap;
  text-decoration:          none;
  padding-left:             0.2em;
  padding-right:            0.2em;
}

div.paging_widget a:hover
{
  background:               #cccccc;
  color:                    #ffffff;
  text-decoration:          none;
}

div.paging_widget em
{
  font-weight:              bold;
  font-style:               normal;
  background-color:         #ffcc00;
  color:                    #333333;
  border-style: inset;
}

div.paging_widget a.paging_arrow
{
  letter-spacing: -0.4em;
  padding-right: 0.6em;
  margin-right: 0.2em;
}

/* END Paging widget */

/* New trend report "tab" styles, to replace the above */

/* everything gets position relative inside the trend tabs - it's the only way to be sure
   it will all be visible in IE6 */
DIV.trend_tab *
{ position:relative; }

DIV.trend_tab.tab_green {
  background: transparent url(/images/oxygen/trends/trend_tab_green_side.gif) top left repeat-y;
}

DIV.trend_tab.tab_green DIV.content {
  background: transparent url(/images/oxygen/trends/trend_tab_green_bottom.gif) bottom left no-repeat;
}

DIV.trend_tab.tab_orange {
  background: transparent url(/images/oxygen/trends/trend_tab_orange_side.gif) top left repeat-y;
}

DIV.trend_tab.tab_orange DIV.content {
  background: transparent url(/images/oxygen/trends/trend_tab_orange_bottom.gif) bottom left no-repeat;
}

DIV.trend_tab.tab_red {
  background: transparent url(/images/oxygen/trends/trend_tab_red_side.gif) top left repeat-y;
}

DIV.trend_tab.tab_red DIV.content {
  background: transparent url(/images/oxygen/trends/trend_tab_red_bottom.gif) bottom left no-repeat;
}

DIV.trend_tab {
  color: #333;
}
DIV.trend_tab DIV.content {
  border-top: 1px solid #bbb;
  border-right: 1px solid #bbb;
  padding:0 0 0 11px;
  font-size: 0.9em;
}

DIV.trend_tab DIV.hd {
  padding: 0.5em 1em 0 1em;
  font-weight: bold;
}

DIV.trend_tab DIV.bd {
  margin: 0 0.5em;
}

DIV.trend_tab DIV.img {
  float:left;
  margin: 0.5em;
}

DIV.trend_tab DIV.img img {
  margin: auto;
}

DIV.trend_tab_links {
  font-size: 0.75em;
  padding: 0 1em 0.6em 1em;
  text-align: right;
  font-weight:bold;
}

DIV.trend_tab DIV.border_bottom {
  border-bottom: 1px solid #ccc;
}

DIV.trend_tab.small_tab {
  padding: 0;
  margin: 0;
  border: none;
}

DIV.trend_tab.small_tab.small_green {
  background: white url(/images/oxygen/trends/trend_tab_green_small.gif) top left no-repeat;
}

DIV.trend_tab.small_tab.small_brown {
  background: transparent url(/images/oxygen/trends/trend_tab_brown_small.gif) top left no-repeat;
}

DIV.trend_tab.small_tab DIV.content{
  margin-left: 11px;
}

DIV.trend_tab.small_tab DIV.content{
  margin: 0 0 0 11px;
  padding: 0;
  border: 1px solid #ccc;
  background: transparent;
  position:relative;
}

DIV.trend_tab.small_tab DIV.trend_tab_links {
  background-image: none;
}

DIV.trend_tab.small_tab DIV.hd {
  text-align: left;
}

DIV.trend_observation {
  border: 1px solid #ccc;
  background: white url(/images/oxygen/trends/trend_obs_bg.png) top left repeat-x;
  margin: 0.5em;
  font-size:0.9em;
}

DIV.trend_tab DIV.extra_content {
  overflow:hidden;
}

DIV.radius_tr {
  background: transparent url(/images/oxygen/trends/radius-tr.gif) top right no-repeat;
  position:relative;
  bottom: 1px;
  left: 1px;
  z-index:2;
}

DIV.radius_br {
  background: transparent url(/images/oxygen/trends/radius-br.gif) bottom right no-repeat;
  position:relative;
  top: 2px;
  z-index:2;
}

DIV.radius_bl {
  background: transparent url(/images/oxygen/trends/radius-bl.gif) bottom left no-repeat;
  position:relative;
  right: 2px;
  z-index:2;
}

DIV.radius_tl {
  background: transparent url(/images/oxygen/trends/radius-tl.gif) top left no-repeat;
  position:relative;
  bottom: 2px;
  z-index:2;
}

/*Keep font colors consistent in trend boxes inside subsections*/
.trend_tab a,
.trend_tab a:hover,
.subsection .trend_tab a,
.subsection .trend_tab a:link,
.subsection .trend_tab a:link:hover,
.subsection .trend_tab a:visited:hover,
.subsection .trend_tab a:link:active,
.subsection .trend_tab a:visited:active
{
  color: #333;
  text-decoration: none;
}

/* END trend "tab" styles */

/* trend tooltips */
DIV.mintel_tooltip
{
  width:400px;
  border: 1px solid #eee;
  border-top: none;
  border-left: none;
  background: #ccc;
  padding: 0 1px 1px 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.85em;
  z-index: 200;
}

DIV.mintel_tooltip DIV.content .hd {
  background: #fc0;/*#c96;*/
  padding: 0.4em;
  color: #333;
  font-weight: bold;
}

DIV.mintel_tooltip DIV.content .bd {
  padding: 0.5em;
  background: white url(/images/oxygen/trends/gradient.png) top left repeat-x;
}
DIV.mintel_tooltip DIV.tooltip_image {
  position:relative;
  float:left;
  margin-right:10px;
}

DIV.mintel_tooltip DIV.content {
  border: 1px solid #999;
  font-size: 0.9em;
  background:white;
}

/*New colours used in tooltips in Inspire 3.2.
  N.B. Position relative is important for IE7!*/
DIV.mintel_tooltip DIV.content DIV.trend_green
{
    background-color: #339933;
    position:relative;
}

DIV.mintel_tooltip DIV.content DIV.observation_yellow
{
    background-color: #FC0;
    position:relative;
}

DIV.mintel_tooltip DIV.content DIV.mt_brown
{
    background-color: #CC9966;
    position:relative;
}

DIV.mintel_tooltip DIV.content DIV.insight_red
{
    background-color: #F26C4F;
    position:relative;
}

DIV.mintel_tooltip DIV.content DIV.specifics_blue
{
    background-color: #A5DBEB;
    position:relative;
}

/* editor tooltips - these are done in a similar way to the two column layout on the trend index page*/
DIV.editor_tooltip DIV.editor_name { font-weight:bold;float:left;text-align:center;padding-top:35px;position:relative;left:3em;width:200px }
DIV.editor_tooltip DIV.editor_picture { float:left; }

/*trends home page logged off*/
#trends_logged_off_main
{
  float:left;
  position:relative;
  margin-left:-560px;
  width:560px;
  left: 0px;
}
/*IE hack - for some reason it we need to move the main column*/
* html #trends_logged_off_main
{
  left: 560px;
}
#marketing_items {
  position:relative;
  margin-left:-6em;
  float:left;
}

div.trend_marketing_title {
  margin: 0.5em 0;
  font-weight:bold;
  color: #333;
}
div.trend_marketing_title.home_brown {background: #c96;}
div.trend_marketing_title.home_green {background: #cc0;}
div.trend_marketing_title.home_blue {background: #ccf;}
div.trend_marketing_title.home_purple {background: #96c;}
div.trend_marketing_title.home_orange {background: #f60;}
div.trend_marketing_title.home_mintel {background: #393;}

div.trend_marketing_text {
  color:#333;
}
div.trend_marketing_text_title {
  font-weight: bold;
}

/** Trend index page */

div.trends_index {
}

div.trends_index div.container {
  padding-left: 277px;
  background-color: #eee;
  /*layout breaks if the window gets too small in FF,
  this doesn't affect IE so it doesn't matter that min-width
  isn't supported*/
  min-width:400px;
}

div.trends_index div.container div.column {
  position:relative;
  float:left;
}

div.trends_index div#subtrends {
  width: 100%;
}

div#subtrends_content {
  border-left: 3px solid #fc0;
  border-top: 3px solid #fc0;
  background: white;
}

div#subtrends_padding {
  padding: 1em 0 0 1em;
}

div#subtrends_content * {position:relative}


div.trends_index div#metatrends {
  margin-left:-100%;
  right:277px;
}

div.trends_index div#metatrends_content {
  width: 280px;
}

div.selected_metatrend {
  border: 3px solid #fc0;
  border-right: 3px solid white;
  border-top: none;
  position:relative;
  z-index:1;
  background: white;
}

/*these two rules fix the rendering of the selected trend in IE*/
div.selected_metatrend * {position:relative}
div.other_metatrends * {position:relative}
div.trends_index div.trend_tab {border-bottom: 1px solid white}

div.other_metatrends {
  padding: 0 0 0 3px;
  background-color:#eee;
  border-right: 3px solid #fc0;
}

div.first_metatrends {
  border-bottom: 3px solid #fc0;
  border-right: 3px solid #fc0;
}

div.other_metatrends div.trend_tab,
div.first_metatrends div.trend_tab {
  background-color: white;
}

div.other_metatrends div.trend_tab div.radius_tr, 
div.first_metatrends div.trend_tab div.radius_tr {
  background: transparent url(/images/oxygen/trends/radius-tr-gray.gif) top right no-repeat;
}
div.other_metatrends div.trend_tab div.content,
div.first_metatrends div.trend_tab div.content {
  background: transparent url(/images/oxygen/trends/trend_tab_orange_bottom_gray.gif) bottom left no-repeat;
}

/*some IE fixes*/
div.other_metatrends div.trend_tab div.content div.trend_tab_links,
div.first_metatrends div.trend_tab div.content div.trend_tab_links,
{margin: 0 1em 0.6em 1em; padding: 0;}
div.other_metatrends div.trend_tab,
div.first_metatrends div.trend_tab,
{border-bottom: 1px solid #eee}

div.curve_tr {
  position:relative;
  bottom: 3px;
  left: 3px;
  z-index:2;
  background: transparent url(/images/oxygen/trends/orange_curve_tr.gif) top right no-repeat;
}

div.curve_tl {
  position:relative;
  bottom: 3px; 
  right: 3px;
  background: transparent url(/images/oxygen/trends/orange_curve_tl.gif) top left no-repeat;
}

div.curve_bl {
  position:relative;
  top: 6px; 
  background: transparent url(/images/oxygen/trends/orange_curve_bl.gif) bottom left no-repeat;
}
div.subtrends_heading {
  font-size: 1.5em;
  color: #666;
}

/*fiddle list styles so they look ok when wrapping around floating sections in inspire content*/
DIV.mintel_tooltip UL, 
DIV.item_display_body UL {
  padding-left: 0;
  margin-left: 10px;
  margin-right:10px;
  position:relative;
  left:15px;
}

DIV.mintel_tooltip LI, 
DIV.item_display_body LI {
  margin: 0.5em 0;
}
  
DIV.mintel_tooltip UL  LI, 
DIV.item_display_body UL  LI {
  list-style-image: url(/images/oxygen/yellow_bullet.gif);
}

DIV.subsection UL  LI {
  list-style-image: url(/images/oxygen/yellow_bullet.gif);
  margin-left: 1em;
}

/* trend xrefs in the right hand sidebar (e.g. on editorial items) */
DIV.sidebar_trends{
  color: #009;
  font-weight: bold;
  padding: 1em;
}

DIV.sidebar_trends DIV.heading{
  background: transparent url(/images/oxygen/dotted_line_dark.gif) bottom center repeat-x;
  padding-bottom:4px;
  margin-bottom:1em;
  text-decoration: none;
  font-size: 1em;
  font-weight:bold;
  color:#009;
}

/* trend observations */
DIV.trend_observation_date {
  clear:both;
  text-align:right;
  font-weight:bold;
  color:#666;
  padding: 1em 0 0 0;
}

/* styles used by oxygen index page */
DIV.reports_index_AtoZ { margin-bottom: 20px; }
SPAN.reports_index_AtoZ_greyout { color: #CCCCCC;}
SPAN.reports_index_AtoZ_selected { background: grey; font-weight: bold;}
a.reports_index_link { }

DIV.editorial_subsection {
  float:left;
  width:75%;
}
DIV.editorial_subsection_padding {
  padding:0 2em;
}

DIV.date_footer
{
  font-weight: bold;
  font-size:   90%;
  text-align:  right;
}

div#christmas.yui-module
{
  background: #008eff !important;
}

a.christmas_close
{
  display: block;
  width: 54px;
  height: 20px;
  background: url("/images/oxygen/popups/christmas_card/close-button.jpg") 0 0 no-repeat;
  text-decoration: none;
}

/* Styles added for the tabbed search display */

UL.tabbed
{
    padding: 0;
    margin: 0;
    text-align: left;
    background-color: transparent;

    color: #333;
    line-height: 1.05em;
    text-decoration: none;
    white-space: nowrap;
    border-bottom: 1px solid #333;
}

UL.tabbed LI
{
    border: 1px solid #333;
    display: inline;
    list-style-type: none;
    margin-left: 0.5em;
    padding: 0em 1em;
    line-height: normal;
    background: #f7f7f7;
}

UL.tabbed LI A:hover
{
    text-decoration: none;
}

UL.tabbed LI.selected,
UL.tabbed LI:hover
{
    border-bottom: 1px solid #fff;
    background: #fff;
}

a:hover.christmas_close
{
  background: url("/images/oxygen/popups/christmas_card/close-button-over.jpg") 0 0 no-repeat;
  text-decoration: none;
}

DIV.new_design DIV.nav_box DIV.bd DIV
{
  border-bottom: 1px solid #DDDDDD;
  font-size: 8pt;
  padding-left: 10px;
}

DIV.new_design DIV.nav_box DIV.bd DIV.selected
{
  background: url(/images/oxygen/small_arrow.gif) no-repeat 0 50% ;
}

/* Splash page */
div.splash_marketing {
  margin-left: 0.5em;
}

div.splash_marketing div.spacer {
  clear: left;
}

/* style for differentiating options in a select box which are search_hits*/
.search_hit_option { font-weight: bold; }
.search_not_hit_option {color: gray; }

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

DIV.saved_searches TD { 
  text-align: center; 
  padding: 0 3px;
}

DIV.news_comment_header {
  font-weight: bold;
  clear: both;
}

DIV.news_comment {
  padding: 1.5em;
  background-color: #eeeeee;
  clear: right;
  zoom: 1;
}

A.login_link {
  color: blue;
}


/* Styles for Debug page */
DIV.debug_page_body
{
    width:94%;
    margin:0 2.5%;
}

DIV.debug_page_body H2
{
    font-weight:bold;
    font-size:15pt;
    line-height:1.3em;
    margin-top:1em;
    margin-bottom:1em;
}

DIV.debug_page_body DIV.red_header H3
{
  margin: 0;
  padding: 5px 0 0 5px;
  font-size: 1.1em;
  font-weight: bold;
}

DIV.debug_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.debug_page_body DIV.red_header
{
  margin: 0 11px 0 40px;
  background: transparent url('/images/oxygen/trends/new/box/yellow_header_middle.gif') repeat-x 0 0;
  height: 35px;
  position: relative;
}

DIV.debug_page_body DIV.red_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;
  background-image: url('/images/oxygen/trends/new/box/red_header_tl.gif');
}

DIV.debug_page_body DIV.red_header DIV.tr
{
  background: transparent url('/images/oxygen/trends/new/box/yellow_header_tr.gif') no-repeat right top;
  height: 35px;
  width: 11px;
  position: relative;
  margin-right: -11px;
  float: right;
}

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

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

DIV.debug_page_body DIV.plain_footer DIV.bl,
DIV.debug_page_body DIV.plain_footer DIV.br
{
  position: relative;
  height: 10px;
  width: 10px;
  font-size:1pt;
}

DIV.debug_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.debug_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.debug_page_body TABLE.debug_table
{
    width:100%;
    border-collapse:collapse;
}


/* Search results styles */

DIV.image_tab_container
{
    border:1px solid #CCCCCC;
    margin-bottom:0.5em;
}

DIV.image_tab_container DIV.image_tab_content
{
    padding:0.5em;
}

DIV.image_tab_content DIV.img
{
    float:left;
    margin-right:0.5em;
}

DIV.image_tab_content DIV.hd,
DIV.image_tab_content DIV.hd a:link,
DIV.image_tab_content DIV.hd a:hover,
DIV.image_tab_content DIV.hd a:visited
{
    font-weight:bold;
    color:#333333;
    font-size:9pt;
    text-decoration:none;
}

DIV.image_tab_content DIV.bd,
DIV.image_tab_content DIV.bd a:link,
DIV.image_tab_content DIV.bd a:hover,
DIV.image_tab_content DIV.bd a:visited
{
    color:#555555;
    font-size:8pt;
    text-decoration:none;
}

TABLE.report_xref TD.valign_middle
{
    vertical-align:middle;
}

a.internal_link,
a.internal_link:hover,
a.internal_link:link
{
    color: #000000;
    text-decoration: none;
    border-bottom: 1px dotted #000000;
}

/** New homepage popup for personalised users (Aug 09, delete this at some point) - TRIP 19864*/


#popup_container{
  width:567px;
  height:500px;
  border:solid 5px #6b983d;
}

#popup_logo{
  float:left;
  padding:10px;
}

#popup_header{

}

#popup_close{
  float:right;
  z-index:999;
}

#popup_content{
  width:567px;
  float:left;
}


.popup_title{
  background:#6b983d;
  padding:3px 0px 3px 15px;
  font-size:14px;
  color:#FFFFFF;
}

.popup_content{
  padding:0px 15px 0px 15px;
}

.popup_heading{
  font-size:14px;
  color:#6b983d;
  font-weight:bold;

}

#popup_logo h2{
  font-size:14px;
  font-weight:bold;
  text-transform:uppercase;
}

/** END NEW POPUP STYLE */

#GMN-MS-holder .gmn_ms_throbber{
  display:block;
  margin-left:auto;
  margin-right:auto;
  padding:30px 0;
}

#GMN-MS-holder div.body{
  padding-top:5px;
}

#GMN-MS-holder div.gmn_title_container{
  background-color:rgb(221, 221, 221);; 
}

#GMN-MS-holder div.gmn_title_content{
  padding:0.5em;
}

#GMN-MS-holder div.gmn_title_content div.img{
  float: left;
  margin-right:0.5em;
}

#GMN-MS-holder div.gmn_title_content div.gmn_title_hd,
#GMN-MS-holder div.gmn_title_content div.gmn_title_hd a:link,
#GMN-MS-holder div.gmn_title_content div.gmn_title_hd a:hover,
#GMN-MS-holder div.gmn_title_content div.gmn_title_hd a:visited
{
  color:#333333;
  font-size:9pt;
  font-weight:bold;
  text-decoration:none;
}

#GMN-MS-holder div.gmn_title_content div.gmn_title_bd{
  color:#555555;
  font-size:8pt;
}

#ui-dialog-title-new_gmn_results_msg{
  color: #555555;
  font-weight: bold;
  font-size: 14px;
  font-family: Arial,Helvetica,sans-serif;
  text-align: center;
  width: 90%;
}

.ui-dialog.ui-front{
    z-index: 10000;
}

#new_gmn_results_msg p{
  font-size: 13px;
}

#new_gmn_results_msg td{
  padding-left:10px;
  font-size: 13px;
}

div.video_container{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

div.video_title{
	text-align: left;
}
div.video_center{
	text-align: center;
	display: inline-block;
	*display: inline;
    _display: inline;
    zoom: 1;
}

.notice_info, .notice_success, .notice_warning, .notice_error {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.notice_info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('/images/oxygen/notifications/info.png');
}
.notice_success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('/images/oxygen/notifications/success.png');
}
.notice_warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('/images/oxygen/notifications/warning.png');
}
.notice_error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('/images/oxygen/notifications/error.png');
}

#editor_options li,
#editor_options ul{
    list-style-type: disc;
    margin: auto;
    padding-left: 1.5em;
}

.green_button {
    display:inline;
    height:24px;
    line-height:24px;
    margin: 6px 0;
    text-decoration:none;
}
.green_button a {
    line-height: 24px;
    cursor:pointer;
}
.green_button_left {
    background: url(/images/oxygen/report/sprite.jpg) no-repeat scroll -2px -78px ;
    display:inline;
    float:left;
    width:5px;
    height:24px;
}
.green_button_center {
    display:inline;
    float:left;
    padding:0 5px;
    height:24px;
    color: #3a561d;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 8pt;
    font-style:italic;
    background-color: #83C53B;
}
.green_button_right {
    background: url(/images/oxygen/report/sprite.jpg) no-repeat scroll -9px -78px ;
    display:inline;
    float:left;
    width:5px;
    height:24px;
}

/* New style for popups */
.ui-widget-overlay
{
    background:none;
    opacity:1;
}

.popup_dialog
{
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding:10px;
    background:url(/images/oxygen/popup_dialog_bg.png) repeat;
}

.popup_dialog .ui-widget-content
{
    border:none;
    padding:0px;
}

.popup_dialog .ui-widget-header
{
    background:white;
    border:none;
    color:#993f98;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-weight:normal;
    font-size:22px;
    padding-bottom:4px;
}

.popup_dialog .ui-widget-header.ui-corner-all
{
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.popup_dialog .ui-dialog-titlebar
{
    padding:2px 0px 3px 35px;
}

.popup_dialog .ui-dialog-titlebar .ui-dialog-title
{
    white-space:normal;
    margin-top:6px;
    float:left !important;
    overflow:visible !important;
    text-align:left !important;
}

.popup_dialog .ui-dialog-titlebar-close .ui-icon
{
    background-image:none;
}

.popup_dialog button.ui-dialog-titlebar-close
{
    background-image:url(/images/oxygen/close.png);
    width:40px;
    height:40px;
    background-color:white;
    border:none;
    top:0;
    left:0;
    position:relative;
    margin:0;
    padding:0;
}


.popup_dialog .popup_body
{
    background:white;
    font-size:12px;
    color:#504A5B;
    padding-top:0;
    padding-bottom:0;
}

.popup_dialog .popup_body .line
{
    padding:7px 0px;
    height:1px;
    line-height:1px;
    border-top:1px dotted #A9A8A8;
}

.popup_dialog .popup_body .body_content
{
    padding:0px 23px 10px 23px;
}

.popup_dialog .popup_body div.name_label
{
    margin-top:6px;
    float:left;
}

.popup_dialog .popup_body input#id_name, input#id_email
{
    width:215px;
    height:24px;
    line-height:24px;
    color:#88858F;
    padding-left:5px;
    float:right;
}

.popup_dialog .popup_body input#id_name:focus, input#id_email:focus
{
    color:black;
}

.popup_dialog .popup_body div.frequency_label
{
    float:left;
    padding-top:20px;
}

.popup_dialog .popup_body div.is_email_alert
{
    float:left;
}

.popup_dialog .popup_body div.is_email_alert ul
{
    list-style:none;
    padding:0px;
    margin:0px;
}

.popup_dialog .popup_body div.is_email_alert ul li
{
    padding:16px 0px;
}

.popup_dialog .popup_body div.is_email_alert ul li:last-child
{
    padding-bottom:10px;
}

.popup_dialog .popup_body div.frequency
{
    float:right;
    padding-top:15px;
}

.popup_dialog .popup_body div.frequency select
{
    width:155px;
    height:25px;
    color:#504A5B;
    padding-left:15px;
    border: 1px solid #cccccc;
    border-right:none;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.popup_dialog .popup_body div.frequency select:focus
{
    color:black;
}

.popup_dialog .popup_body label
{
    font-weight: normal;
}

.popup_dialog .ui-dialog-buttonpane
{
    padding:0px 35px 15px 35px;
    margin-top:0;
}

.popup_dialog .ui-dialog-buttonset
{
    float:none!important;
}

.popup_dialog .ui-dialog-buttonset button
{
    width:130px;
    height:40px;
    margin-right:0;
    white-space:nowrap;
}

.popup_dialog .ui-dialog-buttonset button.cancel_button
{
    float:left;
}

.popup_dialog .ui-dialog-buttonset button.save_button,
.popup_dialog .ui-dialog-buttonset button.delete_button
{
    float:right;
    background:#504A5B;
    color:white;
    font-weight:bold;
}

.popup_dialog .ui-dialog-buttonset button.finish_button
{
    margin:0px 185px;
}

.popup_dialog .popup_body .body_content .success_heading
{
    color:#993f98;
    font-size:19px;
    padding-left: 47px;
    background:url(/images/oxygen/purple_tick.png) left no-repeat;
    height:25px;
    display:table-cell;
    vertical-align:bottom;
}

.popup_dialog .popup_body .body_content .success_note
{
    margin-top:40px;
    margin-bottom:20px;
}

.popup_dialog .popup_body .body_content a,
.popup_dialog .popup_body .body_content a:hover,
.popup_dialog .popup_body .body_content a:visited
{
    color:#484848;
    font-weight:bold;
    text-decoration:underline;
}

/* New logon page styles */
table.my_user_info a:link, div.logon_form a:link
{
    color:#7054a3;
    font-size:14px;
    font-weight:bold;
    margin:0;
    padding:0;
    font-size:12px;
}

table.my_user_info a:visited, div.logon_form a:visited
{
    color:#b9acd4;
}

table.my_user_info a:hover, div.logon_form a:hover
{
    text-decoration:underline;
}

table.my_user_info table.motd
{
    margin-bottom:10px;
}


div.logon_form
{
    color:#484848;
}

div.logon_form div.logon_field_heading, 
div.register_form_container div.logon_field_heading, 
div.forgotten_password_container div.logon_field_heading 
{
    font-size: 16px;
    font-weight: bold;
    color: #993F97;
    padding-bottom: 5px;
    font-family:"Lato Light", arial, sans-serif;
}


div.logon_form div.logon_form_container, div.register_form_container, div.forgotten_password_container
{
    border: 1px solid #e8eae8;
    padding: 10px 15px;
    background-image: url(/images/oxygen/striped_grey_bg.png);
}

div.register_form_container, div.forgotten_password_container
{
    color:#484848;
}

/* New page heading */
.page_heading {
    font-size: 30px;
    font-family: Lato,arial,sans-serif;
    color: #484848;
    margin: 0 0 0.5em 0;
}

.page_heading_ruler {
    border-bottom: 1px dotted black;
    padding-bottom:15px;
}

/* New generic inputs / button */
.generic_button, .generic_input {
  background: #F5F5F5;
  height: 30px;
  line-height: 30px;
  text-align: center;
  padding-right: 10px;
  font-family: Lato;
  cursor: pointer;
  border: solid 1px #C7CBCC;
  box-shadow: 0 1px #bcbcba;
  margin-right:5px;
  margin-bottom:5px;
  margin-top:0px;
  margin-left:0px;
}

/* Submit buttons */
.generic_input {
  text-decoration: none;
  color:#7054a3;
  font-size:14px;
  font-weight:bold;
  padding:0;
  font-size:12px;
  padding-right:40px;
  padding-left:40px;
}

.generic_input:hover {
    background: #FAF3FA;
    text-decoration: underline;
}

/* Anchor tags */
.generic_button:link, .generic_button:visited {
    text-decoration: none;
}

.generic_button:hover {
    background: #FAF3FA;
    text-decoration: none;
}

/* Insight Zone Suggestion links */
div.iz_suggest_content_label
{
    display:inline-block;
    font-weight:bold;
    padding:5px;
}

div.iz_suggest_content
{
    display:inline-block;
}

div.iz_suggest_option
{
    padding:10px;
}