@charset "UTF-8";

/* ============================================
     Innovation 1000 Screen Styles
===============================================
10.   Miscellaneous
-----------------------------------------------
20.   Logo
-----------------------------------------------
30.   Intro
-----------------------------------------------
40.   Footer
===============================================
100.  Spec 1
-----------------------------------------------
100.1 Top Options
-----------------------------------------------
100.2 Top Data
-----------------------------------------------
100.3 Results
===============================================
200.  Spec 2
-----------------------------------------------
200.1 Pulldown Menus
============================================ */










/* ============================================
10.   Miscellaneous
============================================ */

body {
    margin: 0px;
    padding: 0px 0px 0px;
}

#Inno1000 {
    width: 984px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 22px;
    position: relative;
}

#Inno1000 img {
    border: none;
}










/* ============================================
20.   Logo
============================================ */

#Inno1000 #Logo {
    background: url(/media/image/innov1000-booz-logo-bg.png) repeat-x 0% 100%;
    height: 43px;
    margin-bottom: 15px;
    position: relative;
}










/* ============================================
30.   Intro
============================================ */


#Inno1000 #Intro {
    position: relative;
    font: 12px/14px Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
}

#Inno1000 .Help {
    float: right;
}

#Inno1000 #Intro h1 {
    font: normal 32px/34px Georgia, "Times New Roman", Times, serif;
    margin: 0px 0px 8px;
    padding: 0px;
    letter-spacing: -1px;
}

#Inno1000 #Intro p {
    margin: 0px;
    padding: 0px;
}

#Inno1000 #Intro a {
    font-weight: bold;
    color: #e0301e;
    text-decoration: underline;
}










/* ============================================
40. Footer
============================================ */

#Inno1000 #Footer {
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    padding-top: 10px;
    border-top: 6px solid #000;
}











/* ============================================
100. Spec 1
============================================ */

#Spec1 {
    position: relative;
}

#Spec1 #Top {
    margin-bottom: 10px;
}

#Spec1 #HelpOverlay {
    width: 984px;
    height: 515px;
    position: absolute;
    top: -8px;
    left: 0px;
    z-index: 1000;
    cursor: pointer;
}

#Inno1000 #FootnoteOn2013 {
    font: 11px/14px bold Arial, Helvetica, sans-serif;
}

#Inno1000 #FootnoteOn2013 a.cboxElement {
    color: #82141e;
}





/* --------------------------------------------
100.1 Top Options
-------------------------------------------- */

#Spec1 #HeaderContainer {
    position: relative;
    width: 984px;
    height: 60px;
    overflow: hidden;
}

#Spec1 #HeaderSlider {
    margin-left: 0px;
    position: relative;
}

#Spec1 #Top {
    margin-bottom: 10px;
}

#Spec1 #Countries {
    float: left;
    width: 518px;
    overflow: hidden;
    border-bottom: 2px solid #000;
}

#Spec1 #Industries {
    float: right;
    width: 458px;
    overflow: hidden;
    border-bottom: 2px solid #000;
}

#Spec1 #Options {
    font: bold 11px/12px Arial, Helvetica, sans-serif;
    overflow: hidden;
}

#Spec1 #Options a {
    text-decoration: none;
}

#Spec1 #Options .Header {
    height: 22px;
    background: #000;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
}

#Spec1 #Options .Header .Name {
    font-size: 16px;
    color: #FFF;
    line-height: 22px;
    float: left;
}

#Spec1 #Options .Header .SelectAll a {
    height: 18px;
    font-size: 12px;
    float: right;
    color: #e0301e;
    /* background: #3366cc; */
    padding-right: 10px;
    padding-left: 10px;
    line-height: 21px;
    text-decoration: underline;
}

#Spec1 #Options ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 600px;
    float: left;
}

#Spec1 #Options ul li {
    display: inline;
}

#Spec1 #Options ul a {
    float: left;
    width: 62px;
    margin-right: 1px;
    background: #E0E0E0 url(/media/image/innov1000-spec1-button-inactive.png) repeat-x 0% 100%;
    height: 32px;
    text-align: center;
    color: #7d787d;
    transition:     color 0.3s linear;
    -moz-transition:    color 0.3s linear;  /* Firefox 4 */
    -webkit-transition: color 0.3s linear;  /* Safari and Chrome */
    -o-transition:      color 0.3s linear;  /* Opera */
}

#Spec1 #Options ul li.wide a {
    width: 77px;
}

#Spec1 #Options #Industries ul a {
    width: 74px;
}

#Spec1 #Options #Industries ul li.wide a {
    width: 79px;
}

#Spec1 #Options ul a:hover {
    color: #000;
}

#Spec1 #Options .One a {
    height: 24px;
    padding-top: 12px;
}

#Spec1 #Options .Two a {
    height: 29px;
    padding-top: 7px;
}

#Spec1 #Options .Active a {
    background-image: none;
    background-color: #82141e;
    color: #FFF;
}

#Spec1 #Options .Active a:hover,
#Spec1 #Options .Header .SelectAll a:hover {
    color: #FFF;
}





/* --------------------------------------------
100.2 Top Data
-------------------------------------------- */

#Spec1 #Data {
    width: 964px;
    height: 60px;
    position: absolute;
    top: 0px; 
    left: 0px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #eb8c00;
    padding: 0px 10px 0px;
    color: #000;
    letter-spacing: -1px;
    font: bold 16px/18px Arial, Helvetica, sans-serif;
}

#Spec1 #Data .CompanyName,
#Spec1 #Data .Year {
    font-size: 40px;
    color: #FFF;
    text-shadow:0px -1px 0px #c98506;
    line-height: 50px;
    letter-spacing: -2px;
}

#Spec1 #Data .CompanyName {
    max-width: 280px;
    overflow: hidden;
    z-index: 1;
}

#Spec1 #Data .CompanyName,
#Spec1 #Data .Divider,
#Spec1 #Data .DetailTitles,
#Spec1 #Data .DetailInfo {
    float: left;
    padding-right: 10px;
    position: relative;
    z-index: 5;
    display: table;
    height: 60px;
}

#Spec1 #Data .Year,
#Spec1 #Data .Divider2,
#Spec1 #Data .DataTitles,
#Spec1 #Data .DataDollars,
#Spec1 #Data .DataValues,
#Spec1 #Data .Close {
    float: right;
    padding-left: 10px;
    position: relative;
    z-index: 5;
    display: table;
    height: 60px;
}

#Spec1 #Data .CompanyName span,
#Spec1 #Data .Divider span,
#Spec1 #Data .DetailTitles span,
#Spec1 #Data .DetailInfo span,
#Spec1 #Data .Year span,
#Spec1 #Data .Divider2 span,
#Spec1 #Data .DataTitles span,
#Spec1 #Data .DataDollars span,
#Spec1 #Data .DataValues span,
#Spec1 #Data .Close span {
    display: table-cell;
    vertical-align: middle;
}

#Spec1 #Data .Close {
    padding-left: 15px;
}

#Spec1 #Data .DataValues {
    text-align: right;
}

#Spec1 #Data .CompanyName {
    max-width: 280px;
    overflow: hidden;
    z-index: 1;
    padding-right: 0px;
    white-space: nowrap;
    display: table;
    height: 60px;
}

#Spec1 #Data .SmallName {
    max-width: 280px;
    overflow: auto
    z-index: 1;
    padding-right: 0px;
    white-space: normal;
    letter-spacing: normal;
    font-size: 22px;
    line-height: 38px;
}

#Spec1 #Data .SmallName2 {
    max-width: 320px;
    overflow: auto
    z-index: 1;
    padding-right: 0px;
    white-space: normal;
    letter-spacing: normal;
    font-size: 26px;
    line-height: 38px;
}

#Spec1 #Data .SmallName2 span {
    display: block;
}

#Spec1 #Data span.note {
    font-size: 12px;
    line-height: 14px;
}

#Spec1 #Data .Divider {
    padding-left: 10px;
}

#Spec1 #Data .Blend {
    position: absolute;
    top: 5px;
    left: 250px;
    z-index: 3;
    background: url(/media/image/innov1000-spec1-data_blend.png) no-repeat 0px 0px;
    height: 50px;
    width: 50px;
    display: none;
}





/* --------------------------------------------
100.3 Results
-------------------------------------------- */

#Spec1 #Results {
    margin-bottom: 22px;
    
    position: relative;
    height: 462px;
}

#Spec1 #Results #GraphContainer {
    position: absolute;
    top: 0; left: 0;
    /* height: 462px; */
    height: 478px; /*allow for scroller*/
    width: 984px;
    overflow-x: scroll;
    overflow-y: hidden;
}

#Spec1 #Results #StaticGraphContainer {
    position: absolute;
    top: 0; left: 0;
    height: 460px;
    /*width: 984px;*/
    width: 37px;
}



/* --------------------------------------------
100.4 Results for Internet Explorer
-------------------------------------------- */

#Spec1 #ResultsIE {
    margin-bottom: 22px;
    width: 984px;
    overflow-x: scroll;
    overflow-y: hidden;
    
    position: relative;
}

#Spec1 #ResultsIE table, #Spec1 #LabelsIE table {
    font: bold 11px Arial, Helvetica, sans-serif;
    position: relative;
    background: url(/media/image/innov1000-spec1-ie-table-bg-2013.png) no-repeat 0px 0px;
}

#Spec1 #ResultsIE table tr, #Spec1 #LabelsIE table tr {
    margin-top: 1px;
    margin-bottom: 1px;
}

#Spec1 #ResultsIE td.Y-axis, #Spec1 #LabelsIE td.Y-axis {
    text-align: right;
    padding-right: 4px;
    border-right: 2px solid #000;
}

#Spec1 #ResultsIE td.X-axis {
    text-align: center;
    font-size: 14px;
    margin-top: 4px;
    padding-top: 4px;
    border-top: 2px solid #000;
}

#Spec1 #ResultsIE td.Normal,
#Spec1 #ResultsIE td.Blue,
#Spec1 #ResultsIE td.Orange {
    text-align: center;
    position: relative;
    background: url(/media/image/innov1000-spec1-ie-bubble-normal-2013.png) no-repeat 50% 50%;
    height: 22px;
    width: 129px;
    vertical-align: middle;
    color: #6D6E70;
    overflow: hidden;
    white-space: nowrap;
}

#Spec1 #ResultsIE td.Blue {
    background: url(/media/image/innov1000-spec1-ie-bubble-blue-2013.png) no-repeat 50% 50%;
    color: #FFF;
}

#Spec1 #ResultsIE td.Orange {
    background: url(/media/image/innov1000-spec1-ie-bubble-red-2013.png) no-repeat 50% 50%;
    color: #FFF;
}

#Spec1 #ResultsIE td.OrangeActive {
    text-align: center;
    position: relative;
    height: 22px;
    width: 129px;
    vertical-align: middle;
    color: #bd2833;
    white-space: nowrap;
    z-index: 800;
}

#Spec1 #ResultsIE td.OrangeActive div {
    position: relative;
    width: 100%;
    height: 100%;
}

#Spec1 #ResultsIE td.OrangeActive span {
    background: url(/media/image/innov1000-spec1-ie-bubble-red2.png) no-repeat 0px 0px;
    color: #FFF;
    display: block;
    height: 70px;
    width: 190px;
    position: absolute;
    left: -36px;
    top: -24px;
    z-index: 20;
    line-height: 70px;
    font-size: 17px;
    letter-spacing: -1px;
}



#Spec1 #LabelsIE {
    position: absolute;
    top: 0; left: 0;
    /*height: 462px;*/

    /* IE8 fix */
    z-index: 900;
}

#Spec1 #LabelsIE table {
    background: url(/media/image/innov1000-spec1-ie-table-bg-2013.png) no-repeat 0px 0px;
    width: 35px;
}

#Spec1 #LabelsIE td.Y-axis {
    width: 32px;
}
#Spec1 #LabelsIE td.Y-axis-pad {
    width: 5px;
}

#Spec1 #LabelsIE td.Y-axis-year-cover {
    border-top: 2px solid #000;
}

#Spec1 #LabelsIE td {
    text-align: center;
    height: 22px;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
}




/*
This file contains SVG graph specific CSS declerations
This will be merged at the end of the inno1000.css
*/


#GraphContainer, #StaticGraphContainer {
  font-family: Arial;

  margin-top: -20px;
}



#GraphContainer g.companyGroup {
  cursor: pointer;
}

#GraphContainer text.label{
  font-weight: 700;
}

#GraphContainer text.active {
  fill: white;
}

#GraphContainer rect.shadow {
  /* allow clicks to pass through the shadow */
  pointer-events: none;
}

#GraphContainer g.axis, #StaticGraphContainer g.axis {
  shape-rendering: crispEdges;
  font-size: 11px;
  font-weight: bold;
}
#StaticGraphContainer g.yAxis line.domain, #StaticGraphContainer g.yAxis line.tick {
  fill: none;
  stroke: #000;
}
#StaticGraphContainer g.yAxis line.domain {
  stroke: #000;
  stroke-width: 2px;
}

#StaticGraphContainer g.yAxis text.yLabel {
  font-size: 14px;
}


#GraphContainer g.xAxis line.domain {
  stroke: #000;
  stroke-width: 2px;
}

#GraphContainer g.xAxis text {
  font-size: 14px;
}

#GraphContainer g.xDividers line {
  fill: none;
  stroke-width: 1px;
  stroke: #ccc;
  shape-rendering: crispEdges;
}


/* IE Addtitions */

#ResultsIE td > div > span {
  cursor: pointer;
}