/*
 *  Default style sheet for Comperemedia
 */

@import "header.css";

@media print
{
  /* hide all the stuff we don't want to display in print mode */
  #header               { display:none; }
  #footer               { display:none; }
  #subcontainer         { display:none; }
  #statusbar            { display:none; }
  #toolbar              { display:none; }
  .toolbar              { display:none; }
  .itemlist_options_container     { display:none; }
  .image_zoom_list          { display:none; }
  #main_image_container { overflow:visible !important; border: 0 !important;}
  .styled_button        { display:none; }
  .styled_button_back   { display:none; }
  .previous_next_box    { display:none; }
  img                   { max-width:100%; max-height:280%; }
  .fieldname            { width:100%;   }
}

html {
    font-family: "Neue Einstellung", Arial
}

BODY
{
    margin:                 0;
    padding:                0;
    font-family:            Einstellung, verdana, arial, helvetica, sans-serif;
    font-size:              80%;
}

INPUT          { font-size:0.9em;}
SELECT         { font-size:0.8em;}
SELECT.stretch { font-size:0.8em; width:200px;}

SELECT.stretch OPTGROUP { width:auto; background-color:white; }
SELECT.stretch OPTION { width:auto; color:#227; }

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

ul
{
    list-style-type:disc;
}

h1 {
    font-size: 1.5em;
    font-weight: normal;
    margin: 0px 20px 5px 20px;
    border-bottom-style: solid;
    border-bottom-width: 0px;
    padding-bottom:3px;
}
#main h1 { margin-left: 0; }

h2 { font-size: 1em; font-weight: bold; margin: 10px 0; padding: 0 0 0 15px;
    background: url(../../images/compere/big_arrow.gif) no-repeat 5px center; }
h3 { font-size: 1.3em; font-weight: normal; margin:0;}
h4 { font-size: 1.2em; font-weight: bold; margin:0;}
h5 { font-size: 1em; font-weight: bold; margin:0; display:inline;}
h6 { font-size: 0.8em; font-weight: bold; margin:0;}

A:link    { text-decoration: none; }
A:visited { text-decoration: none; }
A:hover   { text-decoration: underline; }0
A:active  { text-decoration: underline; }

th { text-align: left; }
th, td { vertical-align: top; }

.line_sep
{
    background:                    transparent url(../../images/compere/dotted_line_dark.gif) repeat-x scroll 0%;
    height:                        5px;
    width:                         100%;
}


.note  { padding-left:5px;font-size:xx-small; font-weight:normal; text-align:left; clear:both }
.error { font-weight:bold; }

span.alert { font-weight:bold; white-space: nowrap }

.link_heading { font-size: 1.0em; font-weight: bold;}


div.search_alert
{

    padding:                2px;
    border:                 0 none;
    margin:                 2px;
    font-weight:            bold;
    font-size:              xx-small;
}

option.option_value
{
    text-align:            left;
    padding-left:          5px;
    font-size:              xx-small;
}

optgroup
{
    font-style:             normal;
    font-weight:            normal;
    border-width:           1px;
    border-top-style:       solid;
    font-size:              xx-small;
}

/******************************************************************************
 * ToolTips
 *****************************************************************************/
div.tt_alert
{
    padding:                3px 3px 20px 50px;
    border:                 0 none;
    background:             url('../../images/compere/tooltips/error.gif')
                            no-repeat;
    margin:                 5px 0 10px 0;
}

div.tt_info
{
    padding:                3px 3px 20px 50px;
    border:                 0 none;
    background:             url('../../images/compere/tooltips/info.gif')
                            no-repeat;
    margin:                 5px 0 20px 0;
}

div.tt_simple_info
{
    padding:                3px 3px 20px 20px;
    border:                 0 none;
    margin:                 5px 0 20px 0;
}


div.tt_warning
{
    padding:                3px 3px 20px 50px;
    border:                 0 none;
    background:             url('../../images/compere/tooltips/warning.gif')
                            no-repeat;
    margin:                 5px 0 10px 0;
    background-position:    7px 3px;
}

.task_status
{
    padding: 3px;
    line-height: 180%;
}

/****************************************************************************
  YUI-generated tooltips - these all have mintel_tooltip class
****************************************************************************/
div.mintel_tooltip
{
    font-family: Verdana, sans-serif;
    font-size: 0.85em;
    padding: 0.5em;
    background: #ffffc0;
}
div.mintel_tooltip p
{   /*IE needs the margin to be specified in EMs otherwise it doesn't change with font size*/
    margin: 1em 0;
}

div.mintel_tooltip ul {}

div.mintel_tooltip ul li
{
    padding: 0em;
    padding-left: 0em;
}

/****************************************************************************
  Help Popups - these are like tooltips, but are YUI Panels instead
****************************************************************************/
div.help_popup
{
    font-family: Verdana, sans-serif;
    font-size: 0.85em;
    background: #ffffc0;
}
div.help_popup p
{
    margin: 1em 0;
}
div.help_popup table
{
    border-spacing: 0;
    margin-top: 0.5em;
}
div.help_popup tr.alternate
{
    background: #fff6a0;
}
div.help_popup div.hd
{
    margin: 0;
    background: #f7b700;
    color: black;
}
div.help_popup div.bd
{
    padding: 0.5em;
    overflow: auto;
}
div.help_popup div.content
{
    margin: 0.5em;
}

.help_link
{
    cursor: pointer;
    cursor: hand;
}

/******************************************************************************
 * Button Styles
 *****************************************************************************/

.action-button, .cancel-button, .blue-task-button, .red-task-button
{
    box-sizing: border-box;
    min-width: 156px;
    height: 36px;
    border: none;
    text-decoration: none;
    text-transform: lowercase;
    font-weight: bold;
    font-size: 12px;
}

a.action-button, a.cancel-button, a.blue-task-button, a.red-task-button {
    text-align: center;
    line-height: 36px;
}

.action-button {
    background: #32ff96;
    color: black;
}

.action-button:hover {
    background: black;
    color: #32ff96;
}

.cancel-button {
    border: 1px solid #2b2b2b;
    background: white;
    color: #2b2b2b;
}

.cancel-button:hover {
    background: #2b2b2b;
    color: white;
}

.blue-task-button {
    background: white;
    color: black;
    border: 1px solid black;
}

.blue-task-button:hover {
    background: black;
    color: #00ffe1;
}

.red-task-button {
    color: #ba0056;
    background: white;
    border: 1px solid #ba0056;
}

.red-task-button:hover {
    color: white;
    background: #ba0056;
}


A.raquo_link SPAN,
A.raquo_link:hover
{
    color: #227;
}
A.raquo_link SPAN { font-weight: bold; }


/******************************************************************************
 * Logon Form
 *****************************************************************************/

TABLE.login_form_frontpage {
  border-width: 1px;
  border-bottom-style: solid;
  border-right-style: solid;
}

TABLE.login_form {
  font-size:                9pt;
}


/******************************************************************************
 * ImageList styles
 *****************************************************************************/

div#image_list a
{
    text-decoration:        none;
}

div#image_list a:hover,
div#image_list a:active
{
    text-decoration:        underline;
}

div.markup
{
    border-width:          2px;
    border-style:          solid;
    text-align:            center;
    padding:               5px;
    margin:                5px;
}

div.image_zoom_list
{
    border:                1px solid;
    width:                 140px;
    overflow:              auto;
    margin-left:           0px;
    margin-right:          0px;
    padding-left:          0px;
    padding-right:         0px;
}

div#main_image_container
{
    verflow:               auto;
    border:                 1px solid;
}

/******************************************************************************
 * Homepage styles
 *****************************************************************************/

div#frontpage input
{
   font-size:0.9em;
}

div#frontpage
{
    font-size:              0.8em;
    margin-top:             5px;
    position:               relative;
    width:                  auto;
}

div#frontpage ul
{
    margin:                 0;
    padding-left:           0;
    padding-bottom:         15px;
    list-style-position:    inside;
}

div#frontpage a
{
    text-decoration:        none;
}

div#frontpage a:hover,
div#frontpage a:active
{
    text-decoration:        underline;
}

div#staticlinks
{
    width:                  200px;
    float:                  left;
    left:                   0;
}

div#staticlinks h5
{
    margin:                 10px 0;
    padding:                0;
    width:                  100%;
    font-weight:            bold;
}


div#frontpage div.morelink
{
    float:                  right;
}

div#container
{
    margin-left:            250px;
}

div#highlights
{
    width:                  60%;
    float:                  left;
}

div#reports
{
    width:                  25%;
    float:                  right;
}

.fp_section_head, div.cc_section_header
{
    margin:                 10px 0;
    padding:                0;
    width:                  100%;
    font-weight:            bold;
    background:             url(../../images/compere/big_arrow.gif) no-repeat left center;
    padding-left:           10px;
    clear:both;
}

div.fp_section_body select
{
    font-size:              9pt;
    width:                  90%;
}


/******************************************************************************
 * Search page styles
 *****************************************************************************/
span.search_label     { font-size: xx-small; font-weight:bold; }

.search_container, .ss_container { width:100%; border-width: 1px; border-style: solid; padding:5px; margin: 0;}

.search_field_table,
.quick_search_field_table,
.offer_tool_search_field_table,
.single_field_filter_search_field_table
{
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: left;
    vertical-align: top;
    margin-bottom: 10px;
}

.search_field_table TD, .quick_search_field_table TD,
.offer_tool_search_field_table TD, .single_field_filter_search_field_table TD
{
    font-style:normal;
}

.search_fieldname, .quick_search_fieldname, .offer_tool_search_fieldname { float: left; font-weight: bold; margin-left: 14px; }
.search_fieldtools { float: right; vertical-align: middle; }
.search_field_table TD.header { background: url('../../images/compere/big_arrow.gif') no-repeat 6px center; }
TD.insurance_header { background: url('../../images/compere/big_arrow.gif') no-repeat 6px center; background-color: #FFF09E; }

.search_field { width: 300px;}
.search_field_left { clear: both; float: left; position: relative; margin-left: 1px; margin-right: auto; width: 46%;  display: inline; }
.search_field_right { float: right; position: relative; margin-left: auto; margin-right: 1px; width: 46%;  display: inline; }

.search_field_container { overflow:auto; border-width: 1px; border-bottom-style: solid; text-align:left; font-weight:bold; font-size:0.9em; }
.search_field_container LABEL {
    vertical-align: middle;
    font-size:10px !important;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -o-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

.checked_on { font-weight: bold; margin: 1px; }
.checked_off { margin: 1px; }
DIV.checked_on  { font-size:smaller; }
DIV.checked_off { font-weight:normal; margin:1px; font-size:smaller; }
.checked_on INPUT { vertical-align: middle; }
.checked_off INPUT { vertical-align: middle; }
.checked_on LABEL { vertical-align: middle; }
.checked_off LABEL { vertical-align: middle; }

DIV.lookup_options { width:100%; border-width: 1px; border-style: solid; margin-top:5px; }
DIV.lookup_container { height:200px; overflow:auto; border-width: 1px; border-style: solid; }

DIV.yui-ac-bd UL { list-style:none; padding-left:0.5em; margin-left:0em; }
DIV.yui-ac-bd SPAN.highlighted { background-color: #FFFF00; }

DIV#form_error
{
    clear:left;
    height:auto;
    color:#FF0000;
    border:solid 1px;
    padding:1em;
    margin:1em;
    width:60%;
    display:none;
}

.form_error-h1
{
    color:#FF0000;
    padding:1em;
}

/* Searchfield header, incl. rounded corners */
.field_header-td { width: 100%; }

.rounded-td
{
    height:34px;
    padding:0;
    margin:0;
}

.rounded-tld
{
    background:#1ea8e1 url(../../images/compere/offer_tool/top_left_blue.gif) no-repeat scroll 0% 0%;
    height:7px;
    width:9px;
    font-size:0;
}

.rounded-trd { background:#1ea8e1 url(../../images/compere/offer_tool/top_right_blue.gif) no-repeat scroll 100% 0%; }
.rounded-bld
{
    background:#1ea8e1 url(../../images/compere/offer_tool/bottom_left_blue.gif) no-repeat scroll 0% 100%;
    height:7px;
    width:9px;
    font-size:0;
}

.rounded-brd { background:#1ea8e1 url(../../images/compere/offer_tool/bottom_right_blue.gif) no-repeat scroll 100% 100%; }

.rounded-maind { padding:0 10px; height:17px; }

.new_field { margin-left:5px; float:left; }

.field_body_cell { padding-left: 20px; }

.field_error_cell
{
    padding-left: 20px;
    color:red !important;
    font-weight:bold;
    font-size:smaller;
}

/* SELECT ALL */
.select_all_cell
{
    padding-left:25px;
    font-size:smaller;
}

.select_all-div
{
    padding:0;
    margin:0;
}

.sub_option_checkbox
{
    background: transparent url(../../images/compere/sub_option_background.png) no-repeat scroll 0% 0%;
}

/******************************************************************************
 * Quick Search styles
 *****************************************************************************/
div#qsSearchDiv
{
    clear:left;
    width:60%;
    display:none;
}

div#qsFormDiv
{
    clear:left;
}

table#quick_tbl
{
    width:100%;
    margin:0;
    clear:left;
}

.lcell
{
    padding: 0;
}

.rcell
{
    padding-top: 35px;
}

.links
{
    text-align:left;
    font-size:smaller;
    clear:left;
}


.llink
{
    float:left;
    padding-left: 10px;
    /*height: 30px;
    line-height: 30px;*/
}

.lmost
{
    padding-left: 5%;
}

.rlink
{
    float:right;
    padding-right:10px;
    /*height: 30px;
    line-height: 30px;*/
}

.rmost
{
    padding-right:5%;
}

.flddiv
{
    clear:left;
    width:90%;
    margin:3px auto;
}

.submitdiv
{
    width:100%;
    margin:10px auto;
    text-align:right;
    vertical-align:bottom;
}

/******************************************************************************
 * Saved Views
 *****************************************************************************/
.saved_view_section
{
    padding: 0;
    width: 90%;
    margin: 10px auto;
}

.saved_view_section_divider { color:#AEAEAE; }

.saved_view_group
{
    font-weight: bold;
    padding: 5px;
    font-size: smaller;
    color: #0694cf;
    vertical-align: middle;
}

a.saved_view_group-anchor { color: #0694cf; }

.saved_view_link
{
    padding: 5px;
    padding-left: 10px;
    font-size: smaller;
    border-top: 1px solid #DADADA;
}


.saved_views
{
    padding-left:10px;
    display:block;
}


/******************************************************************************
 * Itemlist styles
 *****************************************************************************/
TABLE.itemlist_holder            { width: 100%; }
TABLE.itemlist_holder TD.main    { width:80%;vertical-align:top;}
TABLE.itemlist_holder TD.options { width:20%;vertical-align:top;}

A.control:link,
A.control:visited { font-size: xx-small; text-align: left; font-weight:bold; text-decoration:none; }
A.control:active,
A.control:hover   { font-size: xx-small; text-align: left; font-weight:bold; text-decoration:underline; }

div.paging_widget ,div.paging_widget a
{
  text-align:               right;
  margin-right:             3px;
  margin-top:               5px;

}

div.paging_widget a
{
  border-width:             1px;
  border-style:             solid;
  padding-left:             0.2em;
  padding-right:            0.2em;
  text-decoration:          none;
  position:                 relative;
  margin-right:             3px;
}

div.paging_widget em
{
  border-width:             1px;
  border-style:             solid;
  font-weight:              bold;
  font-style:               normal;
  padding-left:             0.2em;
  padding-right:            0.2em;
  position:                 relative;
  margin-right:             3px;
}

.paging_widget_text
{
    padding-right:           10px;
}

TABLE.itemlist_options_container
{
   padding: 0;
   /*border-width: 1px;
   border-style: solid;*/
   width:100%;
}

TABLE.itemlist_options
{
   padding: 0;
   width:100%;
}
TABLE.itemlist_options TH
{
   font-weight:            bold;
   text-align:             left;
   background:             url(../../images/compere/big_arrow.gif) no-repeat left center;
   padding-left:10px;
}

TABLE.itemlist_options TD.contents
{
   padding:3px;
}


TABLE.detailed_item_view
{

   padding:                2px;
   border-width:           1px;
   border-bottom-style:    solid;
   border-right-style:     solid;
   vertical-align:         top;
}


.innovative_abridged
{
    border:3px solid #f7f7f7;
 /*   width:30em;
    height:20em;*/
    padding:3px;
    font-size:0.8em;
    background:white;
    float:left;
    margin:3px;
}


/******************************************************************************
 * Options styles
 *****************************************************************************/
TABLE.options_box { width: 100%; }



/******************************************************************************
 * Page tabulation using lists
 *****************************************************************************/

#list_tab {
  position:relative;
  float:left;
  width:100%;
  padding:0;
  margin:0;
  list-style:none;
}

#list_tab LI {
  height:20px;
  float:left;
  margin:0 2px 0 0;
  padding:0;
  border-width: 1px;
  border-style: solid solid none solid;
}

#list_tab a {
  display:block;
  text-decoration:none;
  font-weight:bold;
  margin:0;
  padding:0.25em 4em;
}

#list_tab A:hover
{
  text-decoration: underline;
}

#list_tab A.active:link,
#list_tab A.active:visited {
  position:relative;
  z-index:102;
  margin:0;
  padding:0.25em 4em;

}


.list_tab_container { width:100%; border-width: 1px; border-style: solid; padding: 0; margin: 0;}


/******************************************************************************
 * Horizontal tab styles
 *****************************************************************************/

DIV.tab_group  {
  margin-bottom: 5px;
  padding-left:5px;
  line-height:20px;
  height:20px;
  vertical-align:middle;
}

DIV.tab_group_selected  {
  margin-bottom: 5px;
  padding-left:5px;
  line-height:20px;
  height:20px;
}


/*****************************************************************************
 * Expanding sections
 *****************************************************************************/

.expanding { font-weight: normal; margin: 0 0 5px 0; padding: 0 0 0 5px;
        height: 20px; line-height: 20px; background-color: #eaf5f5; }
.expanding a { display: block; position: relative; }
.collapsed { padding-left: 10px; margin-right: 5px;
        background: url(../../images/compere/plus.gif) no-repeat right center; }
.expanded { padding-left: 10px; margin-right: 5px;
        background: url(../../images/compere/minus.gif) no-repeat right center; }


/******************************************************************************
 * Item styles
 *****************************************************************************/

.fieldname   { text-align: left; font-weight:bold; font-size: 1em; }
.fieldvalue  { text-align: left; font-size: 1em; }

.email_fieldname { text-align:left; font-weight:bold; font-size: 0.7em !important; }
.email_fieldvalue { text-align: left; font-size: 0.7em !important; }

A.fieldname:link,
A.fieldname:visited { font-size: 0.7em; text-align: left; font-weight:bold; text-decoration:none; }
A.fieldname:active,
A.fieldname:hover   { font-size: 0.7em; text-align: left; font-weight:bold; text-decoration:underline; }

A.fieldvalue:link,
A.fieldvalue:visited { font-size: 0.7em; text-align: left; text-decoration:none; }
A.fieldvalue:active,
A.fieldvalue:hover   { font-size: 0.7em; text-align: left; text-decoration:underline; }

/******************************************************************************
 * Takeone survey table styles
 *****************************************************************************/

TD.analysis_cell_header_normal { border-width: 1px; border-right-style: solid; border-bottom-style: solid; font-size: 10pt; text-align: left; font-weight:bold;}
TD.analysis_cell_header_end { border-width: 1px; border-bottom-style: solid; font-size: 10pt; text-align: left; font-weight:bold;}

TD.analysis_cell_multiple { border-width: 1px; border-right-style: solid; font-size: 10pt; text-align: left; }
TD.analysis_cell_normal { border-width: 1px; border-right-style: solid; border-top-style: solid; font-size: 10pt; text-align: left; }
TD.analysis_cell { border-width: 1px; border-top-style: solid; font-size: 10pt; text-align: left; }

/******************************************************************************
 * Toolbar styles
 *****************************************************************************/

#toolbar { /*float:right;*/ text-align:right; line-height:25px; margin-right:10px; width:100%; }


#main
{
    margin-left:            20px;
    margin-right:           20px;
    border:                 1px solid #eee;
    clear:both;

}



FORM.page_list
{
    border:                 0;
    margin:                 0;
    padding:                0;
}

SELECT.page_list
{
    font-size:              9pt;
    width:                  200px;
}


/******************************************************************************
 * File upload and download
 *****************************************************************************/
.remove { cursor: crosshair; text-decoration: underline }
.removed { cursor: pointer; color: red; text-decoration: line-through }
.initial { border: 1px solid #ccc; cursor: pointer; padding: 0 0.3em }
.initial_users { border: 1px solid #ccc; padding: 0.3em }
.add { cursor: pointer; text-decoration: underline }

/******************************************************************************
 * Survey form
 *****************************************************************************/
.survey .labels { width: 35% }
.survey label { display: block; font-weight: bold }
.survey td input, .survey td textarea { font-family: inherit; width: 100% }
.survey p { text-align: right }

/******************************************************************************
* Sector listbox
*******************************************************************************/

li.sector_1, li.sector_2, li.sector_4, li.sector_5, li.sector_6, li.sector_7, li.sector_10, li.sector_12, li.sector_8, li.sector_email
{
  list-style-type: none;
  padding-left: 20px;
  height:25px;
}

li.sector_12  {  background: transparent url('../../images/compere/sector_icons/12_small.png') no-repeat left top; }
li.sector_6   {  background: transparent url('../../images/compere/sector_icons/6_small.png') no-repeat left top;  }
li.sector_7   {  background: transparent url('../../images/compere/sector_icons/7_small.png') no-repeat left top; }
li.sector_1   {  background: transparent url('../../images/compere/sector_icons/1_small.png') no-repeat left top; }
li.sector_4   {  background: transparent url('../../images/compere/sector_icons/4_small.png') no-repeat left top; }
li.sector_5   {  background: transparent url('../../images/compere/sector_icons/5_small.png') no-repeat left top; }
li.sector_10  {  background: transparent url('../../images/compere/sector_icons/10_small.png') no-repeat left top;}
li.sector_2   {  background: transparent url('../../images/compere/sector_icons/2_small.png') no-repeat left top; }
li.sector_8   {  background: transparent url('../../images/compere/sector_icons/8_small.png') no-repeat left top; }
li.sector_email {background: transparent url('../../images/compere/sector_icons/email_small.png') no-repeat left top; }

/******************************************************************************
* Sector Homepages
*******************************************************************************/

div#sector_content {
    font-family: Arial, sans-serif;
}

/* Heading styles are slightly different in sector hompages */
#sector_content H1,
#sector_content H2,
#sector_content H3
{
    font-family: Verdana, sans-serif;
    border:none;
    display:block;
    font-weight: normal;
    padding: 0;
    margin-left:0;
}
#sector_content H1 { font-size: 1.8em }
#sector_content H2 { background: none; font-size: 1.4em }
#sector_content H3 { font-size: 1.2em }

/* Headings on sector page may be links, on this page we want them to stay blue */
#sector_content H1 A,
#sector_content H2 A,
#sector_content H3 A
{
    color: #227;
}

#sector_content #sector_container {
}
#sector_content #sector_container .sector_column {
}

#sector_content .search_range_part {
    display:block;
    text-align:right;
    margin:0.4em;
}

#sector_main {
}
#sector_main_inner {
}

#sector_left_col {
    width:20em;
}

#sector_right_col {
    width:18em;
    padding-top:10px;
}

DIV.floating_image {
    float:left;
    margin:0 1em 1em 0;
    margin-right:-100%;
}

IMG.gray_link_image_border {
    border: 1px solid #bdbdbd;
}

/* Insight box on sector page - the styles here are fairly unique */
DIV.sector_main_image
{
    float:left;
    width:300px;
    margin-right:1em;
    position:relative;
}
DIV.sector_main_content
{
    padding-left:1em;
}

#sector_insight
{
    border-bottom: 2px solid #bdbdbd;
    padding: 0.5em 1em 0 0;
    background: white url(../../images/compere/sector_homepage/sector_insight_bg.png) repeat-y top right;
    margin-bottom: 1em;
    position:relative;
}
#sector_content H1.sector_insight_head { font-weight: bold;font-size:1.4em;font-family:Arial, sans-serif }
P.sector_insight_body { font-size: 1.3em; }
P.sector_insight_date { font-style: italic; font-size: 1.2em }

DIV#other_insights { clear:both }
DIV#other_insights UL { padding-left: 1em; margin: 0}
DIV#other_insights UL LI
{
    margin-bottom:0.5em;
    list-style-type: none;
    background: url(../../images/compere/sector_homepage/blue_box_bullet.png) no-repeat 0px 5px;
    padding-left:15px;
}

UL#sector_news_list { padding-left: 1em }
UL#sector_news_list LI
{
    margin-bottom:0.5em;
    list-style-type: none;
    background: url(../../images/compere/sector_homepage/blue_arrow_bullet.png) no-repeat 0px 5px;
    padding-left:15px;
    position:relative;
}

DIV#new_features
{
    padding: 0.5em 1em 0 0;
    font-size: 1.2em;
    background: white url(../../images/compere/sector_homepage/sector_insight_bg.png) repeat-y top right;
    margin-bottom: 1em;
    border-top: 2px solid #bdbdbd;
    border-bottom: 2px solid #bdbdbd;
}

DIV#new_features UL { padding-left: 2em; margin: 0}

DIV#new_features UL LI
{
    margin-bottom:0.5em;
    list-style-type: none;
/*    background: url(../../images/compere/sector_homepage/blue_box_bullet.png) no-repeat 0px 5px; */
    background: url(../../images/compere/famfamfam_icons/new.png) no-repeat 0px 0px;
    padding-left:20px;
}

UL#new_feature_list LI { cursor: pointer;}

DIV#new_feature_content { }

DIV#new_feature_content UL { }

DIV#new_feature_content UL LI
{
    margin-bottom:0.5em;
    list-style-type: square;
    padding:0;
}

DIV#news_search
{
    float:right;
}
DIV#news_search *
{
    position:relative;
}
DIV#news_search DIV#news_search_header
{
    color: #227;
    padding-bottom:0.5em;
    font-size: 1.2em;
}

DIV.sector_leftbox
{
    background: transparent url(../../images/compere/sector_homepage/sector_leftbox_bg.png) repeat-y right top;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ccc;
    padding:0.5em 0;
    position:relative;
    margin-bottom:1em;
}
DIV.sector_leftbox * { position:relative;}
DIV.sector_leftbox_content
{
    padding: 0 0.4em;
    position:relative;
}

DIV#sector_saved_search_report_months
{
    /* this fixes layout in IE 7 */
    padding:1px;
}

SELECT.saved_search_select
{
    width:100%;
    color: #227;
}

SELECT.saved_search_select OPTGROUP
{
    width:auto;
    background-color:white;
}
SELECT.saved_search_select OPTION
{
    color: #227;
    width:auto;
}

DIV#sector_saved_search_report_months SELECT
{
    font-size:0.7em;
}

.sector_saved_search_submit
{
    border:0;
    background:transparent;
    margin:0;
    padding:0 0 0 0.25em;
    cursor:pointer;
    cursor:hand;
    width:auto;
    overflow:visible;
    font-size:0.8em;
    color:#525252;
}


UL.sector_reports_list
{
    padding:0;
    margin-left:0;
}
UL.sector_reports_list LI
{
    padding:0;
    margin:0.5em 0;
    list-style-position:outside;
    list-style-type:none;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left:30px;
}
UL.sector_reports_list LI.bin_report, LI.unknown_report
{
    background-image: url(../../images/compere/famfamfam_icons/page_white.png);
}
UL.sector_reports_list LI.ppt_report
{
    background-image: url(../../images/compere/famfamfam_icons/page_white_powerpoint.png);
}
UL.sector_reports_list LI.pdf_report
{
    background-image: url(../../images/compere/famfamfam_icons/page_white_acrobat.png);
}
UL.sector_reports_list LI.rtf_report, LI.doc_report
{
    background-image: url(../../images/compere/famfamfam_icons/page_white_word.png);
}
UL.sector_reports_list LI.xls_report, LI.csv_report
{
    background-image: url(../../images/compere/famfamfam_icons/page_white_excel.png);
}
UL.sector_reports_list LI.zip_report
{
    background-image: url(../../images/compere/famfamfam_icons/page_white_compressed.png);
}
UL.sector_reports_list LI.html_report
{
    background-image: url(../../images/compere/famfamfam_icons/page_white_code.png);
}
UL.sector_reports_list LI.jpg_report, LI.png_report, LI.gif_report
{
    background-image: url(../../images/compere/famfamfam_icons/page_white_picture.png);
}
UL.sector_reports_list LI.email_report
{
    background-image: url(../../images/compere/sector_homepage/blue_box_bullet.png);
    padding-left:15px;
}
UL.sector_reports_list LI.email_webinar_report
{
    background-image: url(../../images/compere/famfamfam_icons/film.png);
}
UL.sector_reports_list LI.email_white_paper_report, LI.txt_report
{
    background-image: url(../../images/compere/famfamfam_icons/page_white_text.png);
}
UL.sector_reports_list LI.email_quarterly_report
{
    background-image: url(../../images/compere/famfamfam_icons/report.png);
}
UL.sector_reports_list LI.email_research_analysis_report
{
    background-image: url(../../images/compere/famfamfam_icons/chart_curve.png);
}

UL#selected a.remove_company
{
   cursor: pointer;
   font-size: 0.65em;
   padding-left: 1.5em;
   vertical-align:middle;
}

UL#selected a.remove_company:hover
{
    text-decoration: underline;
    color: red;
    font-style: bold;
}

DIV.lookup_note
{
    width:100%;
    height:auto;
    margin-top:2px;
    margin-bottom:2px;
    color:red;
}

.imgButton { vertical-align:bottom; }

DIV#sector_innovation_monitor
{
    padding:0 1em;
}

DIV#sector_innovation_monitor HR
{
    border:none;
    padding:0;
    margin:1em 0;
    height:1px;
    background-color:#ccc;
}

TD.email_report_list
{
    border-bottom:dashed 1px #E0E0E0;
    padding:10px;
    vertical-align:middle;
}

.email_reports_input
{
    width:100%;
    font-family:sans-serif;
    position:relative;
    font-size:small;
}

TEXTAREA.email_reports_input
{
    overflow:scroll;
    overflow-y:scroll;
    overflow-x:hidden;
    overflow:-moz-scrollbars-vertical;
}

TABLE.email_reports_status_table
{
    font-weight:bold;
    text-align:center;
    border:none;
}


TD.email_reports_status_success
{
    background-color:#90EE90;
    border:solid 1px #008000;
    color:black;
    font-size:medium;
}

TD.email_reports_status_error
{
    background-color:#FFF06E;
    border:solid 1px #FF4500;
    color:black;
    font-size:medium;
}

TD.email_reports_status_failure
{
    background-color:#FF0000;
    border:solid 1px #8B0000;
    color:white;
    font-size:medium;
}

/******************************************************************************
* Profile lists.
*******************************************************************************/

.profile_list
{
    padding-left: 2em;
    height: 120px;
    overflow: auto;
}

.profile_list h6
{
    border-top-style: solid;
    border-width: 1px;
    text-align: center;
    font-weight: bold;
}

.profile_list label
{
    display: block;
}


/****************************************************************************
 * Finance Report Styles
 ***************************************************************************/

TABLE.finance_focus_report
{
  margin-right:         10%;
  margin-left:          10%;
}

TABLE.finance_reports_page
{
  margin-top:           20px;
}

TD.finance_focus_report
{
  width:                75%;
}

IMG.finance_focus_report
{
  border:               solid;
  border-width:         1px;
  padding:              5px;
  background-color:     #FFFFFF;
}

TD.current_topics
{
  width:                25%;
}

P.finance_focus_report_about
{
  font-size:            9pt;
  text-align:           justify;
}

DIV.finance_focus_report_about
{
    clear:              none;
}
DIV.finance_focus_report_about UL
{
    font-size:          9pt;
    margin-left:        0px;
    padding-left:       0px;
}
DIV.finance_focus_report_about LI
{
    list-style-type:    none;
    background:         url(../../images/compere/yellow_bullet.gif) no-repeat 0px 5px;
    padding-left:       15px;
    padding-bottom:     2px;
    padding-top:        2px;
}

P.finance_report_view
{
    padding-top:        18px;
    font-weight:        bold;
    font-size:          9pt;
    text-align:         center;
}

P.finance_report_download
{
    padding-top:        18px;
    font-weight:        bold;
    font-size:          8pt;
    text-align:         center;
}

IMG.finance_report_logo
{
    vertical-align:     middle;
}

A.finance_report_link
{
    text-decoration:    none;
    color:              #4BB4DC !important;
}
A.finance_report_download
{
    text-decoration:    none;
    color:              #4BB4DC !important;
}

DIV.finance_report_list
{
    clear:              both;
}
DIV.finance_report_list UL
{
    font-size:          8pt;
    padding-left:       0px;
    margin-left:        0px;
    padding-bottom:     1px;
}
DIV.finance_report_list LI
{
    list-style-type:    none;
    padding-left:       25px;
    padding-bottom:     2px;
    padding-top:        2px;
}

H5.finance_report_list
{
    padding-left:       5px;
}

H3.finance_report_list
{
    padding-left:       5px;
    padding-top:        5px;
    padding-bottom:     5px;
}
TABLE.finance_report_list
{
    width:              95%;
    margin-left:        2%;
}

/*** Group Checkboxes - inurance_type, mailing_type fields ***/
DIV.group_checkbox_div
{
  background-color:transparent;
  width:100%;
  margin:1px;
}
INPUT.group_checkbox
{
  padding-bottom:1px;
}
DIV.grouped_multiselect_group {
  clear:both;
  font-size:11px;
  width:100%;
}
DIV.grouped_multiselect_group LABEL {
  display:block;
  padding-left:5px;
  /*font-size: 90%;*/
}
DIV.grouped_multiselect_group DIV.children_container{
  padding-bottom:0.5em;
  clear:both;
  margin-left:3em;
}
DIV.group_checkbox_div A {
  text-decoration:none;
  display:block;
  height:1.5em;
  line-height:1.5em;
  margin-right:5px;
}
DIV.group_arrow_div {
  float:left;
  padding-left:2px;
  padding-bottom:2px;
  height:1.6em;
  overflow:hidden;
  width: 100%;
}
BUTTON.searchpage_nav_button {
  background-color:#FFFFFF;
  border:none;
  width:100%;
  height:25px;
  margin:0;
  cursor:hand;
}
H3.searchpage_tabs {
  font-weight:normal;
}
TABLE.searchpage_common {
  background:#FFFFFF;
  width:100%;
  border-collapse:collapse;
  border-spacing:0;
  padding:0;
  margin:0;
}
TD.searchpage_tabs {
  border-width:1px;
  border-style:solid;
  border-color:#E0E0E0;
  margin:0px;
  padding-top:0;
  text-align:center;
  vertical-align:middle;
  font-size:.75em;
  height:25px;
  width:225px;
  text-transform:uppercase;
  color:#000066;
}
TD.searchpage_bottom_border {
  border-bottom-width:1px;
  border-bottom-style:solid;
  border-bottom-color:#E0E0E0;
}
TD.searchpage_search_fields {
  border-width:1px;
  border-style:solid;
  border-color:#E0E0E0;
  border-top:none;
  margin:0;
  padding:0;
}
.insurance_header {
  background-color: #FFF09E;
}
.search_fieldname, .quick_search_fieldname, .insurance_search_fieldname,
.offer_tool_search_fieldname, .single_field_filter_search_fieldname
{
  float: left;
  font-weight: bold;
  margin-left: 14px;
}
.insurance_search_sub_fieldname,
.quick_search_sub_fieldname,
.offer_tool_search_sub_fieldname,
.single_field_filter_search_sub_fieldname {
  font-size: 90%;
  font-weight: bold;
  padding-right: 8px;
  color: black;
}
.searchfield_comments {
  font-size:80%;
  font-weight:normal;
  color:black;
}
A:hover.expander {
  color:#525252;
  text-decoration:none;
}
A:active.expander {
  color:#525252;
  text-decoration:none;
}
IMG.plus_minus {
  vertical-align:middle;
  border:none;
  margin:1px;
  float:left;
  padding-top:3px;
}

IMG.plus_minus_image
{
    padding: 0;
    margin: 0 5px 0 0;
    border: none;
}

.searchfield_comment,
.insurance_searchfield_comment,
.quick_searchfield_comment,
.offer_tool_searchfield_comment,
.single_field_filter_searchfield_comment {
  font-size:80%;
  color:black;
  padding: 0px 5px;
  display: block;
}

.insurance_search_field_container,
.quick_search_field_container,
.offer_tool_search_field_container,
.single_field_filter_search_field_container {
  overflow:auto;
  text-align:left;
  font-weight:bold;
  font-size:14px;
}

.insurance_search_field_container LABEL,
.quick_search_field_container LABEL,
.offer_tool_search_field_container LABEL,
.single_field_filter_search_field_container LABEL,
#Category_field LABEL {
  vertical-align: middle;
  font-size: 12px !important;
  -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -o-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

/*events page*/
.event_header {
  color:black;
  background-color:#FFF09E;
  font-weight:bold;
  border:none;
  vertical-align:middle;
}
.event_left {
  width:200px;
  border:none;
}
.event_right {
  border:none;
}

/*calendar for searchfield*/
.cal_button
{
    background:none;
    border:none;
    padding:0;
    left: -2px;
    margin: 0px;
    position: relative;
    top: 2px;
    cursor:pointer;
}

.cal_container
{
    display:none;
    z-index:10;
}

/*used in search/hidden_field_values.html*/
TD.tdb
{
    font-size:smaller;
    font-weight:bold;
}

TD.tdn
{
    font-size:smaller;
}

#merged_message{
    margin: 0 25px;
    color:#4BB4DC;
    border: 1px solid #4BB4DC;
    padding: 5px;
    text-align: center;
}

.dynamic-lookup-container .remove-item {
    width: 13px;
    padding-right: 13px;
    padding-top: 2px;
    cursor: pointer;
    background: url(../../images/compere/x.png) no-repeat scroll left center;
}

.dynamic-lookup-container .selected-item {
    padding-top:2px;
    padding-bottom:2px;
    margin-right: 25px;
    display: inline-block;
}

.dynamic-lookup-container .dynamic-lookup-selected {
    margin-top: 7px;
    margin-bottom: 7px;
}

.dynamic-lookup-subcompanies {
    padding-left: 2.3em;
    font-weight: normal;
}

/********
 * Link to This Page Styles
 ********/

.save-url-link {
    font-size: 1.1em;
    margin-bottom: 3px;
    padding-right: 4px;
    text-align: right;
 }

 .save-url-link-input {
    width: 220px;
 }

.PD-link {
    font-size: 1.4em;
}

 span.PD-link, .save-url-link a {
    color: #8e8c86;
    vertical-align: middle;
 }

span.save-url-link a {
    font-size: 1.1em;
}

.save-url-link .popover-title {
    padding-bottom: 0;
    margin-bottom: -10px;
}

 .save-url-link span.link-text {
    text-decoration: underline;
 }

.save-url-link a:hover,  .save-url-link a:visited,  .save-url-link a:link,  .save-url-link a:active {
    text-decoration: none;
 }

 span.PD-link:hover, .save-url-link a:hover {
    color: #787570;
    text-decoration: none;
 }

 .warning-nothing-here {
   margin-bottom: 100px;
   margin-top: 20px;
   text-align: center;
   line-height: 2.5;
 }

 /* Hopscotch Style Overriding */


.hopscotch-bubble .hopscotch-bubble-number {
    border-radius: 15px !important;     /* I */
    box-sizing: border-box !important;  /* DON'T */
    padding: 0 !important;              /* WANNA */
    background: black !important;       /* HEAR IT */
}

.hopscotch-nav-button {
    background: #00D2FF !important;
    text-shadow: none !important;
    color: black !important;
    font-weight: normal !important;
    border: none !important;
}

/******************************************************************************
 * END
 *****************************************************************************/