@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 34px/34px "Book Antiqua", "Palatino Linotype", 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: #82141e;
  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 #Top {
  margin-bottom: 10px;
}





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


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

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

#Spec1 #Industries {
  float: right;
  width: 374px;
  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;
  text-transform: uppercase;
  color: #FFF;
  line-height: 22px;
  float: left;
}

#Spec1 #Options .Header .SelectAll a {
  height: 18px;
  font-size: 11px;
  float: right;
  color: #5199F3;
  /* 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 a {
  float: left;
  width: 74px;
  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 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: #5571b4;
  color: #FFF;
}

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





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

#Spec1 #Data {
  width: 964px;
  height: 57px;
  position: relative;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #FFA700;
  padding: 3px 10px 0px;
  color: #6D6E70;
  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;
}

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

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

#Spec1 #Data .DataTitles,
#Spec1 #Data .DataDollars,
#Spec1 #Data .DataValues,
#Spec1 #Data .DetailTitles,
#Spec1 #Data .DetailInfo {
  padding-top: 8px;
}

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

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

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





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

#Spec1 #Results {
  margin-bottom: 22px;
  
}










/* ============================================
200.  Spec 2
============================================ */

#Spec2 {
  position: relative;
}

#Spec2 #Top {
  position: relative;
  width: 100%;
  font: normal 13px Arial, Helvetica, sans-serif;
  background: url(/media/image/innov1000-spec2-tabs-div-bg.png) no-repeat 50% 100%;
}

#Spec2 #HelpOverlay {
  width: 984px;
  height: 515px;
  position: absolute;
  top: -8px;
  left: -5px;
  z-index: 100;
  cursor: pointer;
}





/* --------------------------------------------
200.1 Pulldown Menus
-------------------------------------------- */

#Spec2 #Top ul#Tabs {
  margin: 0px;
  padding: 0px;
  list-style: none;
  position: relative;
  left: 50%;
  float: left;
}

#Spec2 #Top ul#Tabs li {
  display: block;
  position: relative;
  right: 50%;
  float: left;
}

#Spec2 #Top ul#Tabs a {
  height: 25px;
  width: 230px;
  display: block;
  float: left;
  background: url(/media/image/innov1000-spec2-tabs-bg.png) no-repeat 0px 0px;
  font-size: 16px;
  line-height: 25px;
  color: #aaa;
  text-decoration: none;
  padding-left: 20px;
  margin-right: 10px;
  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 */
}

#Spec2 #Top ul#Tabs a:hover {
  color: #333;
}

#Spec2 #Top ul#Tabs .Active a {
  background: url(/media/image/innov1000-spec2-tabs-bg.png) no-repeat 0px -25px;
  color: #FFF;
}

#Spec2 #Top #Divider {
  background: #bd2833;
  clear: both;
  height: 2px;
  overflow: hidden;
}





#Spec2 #Top #LabelSlider {
  position: absolute;
  top: 0px;
  right: 0px;
  font: bold 13px/22px Arial, Helvetica, sans-serif;
  color: #666;
  width: 180px;
  text-align: right;
}

#Spec2 #Top #LabelSlider #SlideHolder {
  float: right;
  margin-left: 5px;
  height: 20px;
  width: 60px;
  border: 1px solid #6D6E70;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
}

#Spec2 #Top #LabelSlider #SlideHolder a {
  position: relative;
  left: -10px;
  transition:   left 0.3s linear;
  -moz-transition:  left 0.3s linear;   /* Firefox 4 */
  -webkit-transition: left 0.3s linear; /* Safari and Chrome */
  -o-transition:    left 0.3s linear; /* Opera */
}

#Spec2 #Top #LabelSlider #SlideHolder a:active {
  position: relative;
  left: -50px;
}





#Spec2 .Pulldown {
  font: bold 13px Arial, Helvetica, sans-serif;
  background: url(/media/image/innov1000-spec2-options-bg.png) no-repeat 0px 0px;
  height: 260px;
  width: 964px;
  position: relative;
  padding: 20px 0px 20px 20px;
}

#Spec2 .Pulldown .LeftColumn {
  float: left;
  width: 350px;
}

#Spec2 .Pulldown .RightColumn {
  float: left;
  width: 610px;
}

#Spec2 .Pulldown h3 {
  font: bold 15px Arial, Helvetica, sans-serif;
  color: #000;
  margin: 0px 0px 15px;
  padding: 0px;
}

#Spec2 .Pulldown ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#Spec2 .Pulldown li {
  display: inline;
}

#Spec2 .Pulldown a {
  display: table;
  float: left;
  height: 42px;
  width: 142px;
  background: url(/media/image/innov1000-spec2-buttons-bg.png) no-repeat 0px 0px;
  line-height: 14px;
  color: #E1E1E1;
  text-decoration: none;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 10px;
  text-shadow: 0px -1px 0px #555;
  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 */
}

#Spec2 .Pulldown a span {
  display: table-cell;
  vertical-align: middle;
}

#Spec2 .Pulldown .Active a {
  background: url(/media/image/innov1000-spec2-buttons-bg.png) no-repeat 0px -42px;
  color: #fff;
  text-shadow: 0px 0px 1px #A11D21;
}

#Spec2 .Pulldown a:hover {
  color: #FFF;
}

/* #Spec2 .Pulldown .LeftColumn a {
  font: bold 18px Arial, Helvetica, sans-serif;
} */

#Spec2 .Pulldown .Buttons {
  width: 307px;
  height: 55px;
  background: url(/media/image/innov1000-spec2-buttons-commit-bg.png) no-repeat 0px 0px;
  position: absolute;
  left: 336px;
  top: 230px;
  padding: 13px 0px 0px 13px;
}

#Spec2 .Pulldown .OK a {
  background: url(/media/image/innov1000-spec2-buttons-bg.png) no-repeat 0px -42px;
  color: #fff;
  text-shadow: 0px -1px 0px #a3000c;
  transition:   text-shadow 0.3s linear;
  -moz-transition:  text-shadow 0.3s linear;  /* Firefox 4 */
  -webkit-transition: text-shadow 0.3s linear;  /* Safari and Chrome */
  -o-transition:    text-shadow 0.3s linear;  /* Opera */
}

#Spec2 .Pulldown .Cancel a {
  background: url(/media/image/innov1000-spec2-buttons-bg.png) no-repeat 0px 0px;
  color: #fff;
  text-shadow: 0px -1px 0px #333333;
  transition:   text-shadow 0.3s linear;
  -moz-transition:  text-shadow 0.3s linear;  /* Firefox 4 */
  -webkit-transition: text-shadow 0.3s linear;  /* Safari and Chrome */
  -o-transition:    text-shadow 0.3s linear;  /* Opera */
}

#Spec2 .Pulldown .OK a:hover,
#Spec2 .Pulldown .Cancel a:hover {
  text-shadow: 0px 0px 8px #fff;
}

#Spec2 #GraphContainer {
  background: url(/media/image/innov1000-spec2-y-axis-2013.png) no-repeat 0px center;
}






#Top #Legend-Button {
  position: absolute;
  right: 0px;
}

#Top #Legend-Industries {
  position: absolute;
  right: 0px;
}

#Top #Legend-Regions {
  position: absolute;
  right: 0px;
}





/* ************************************************************************************ */
/* ADDITIONS */
/* ************************************************************************************ */

#Spec2 #PulldownSliderContainer {
  position: absolute;
  width: 984px;
  height: 300px;
  overflow: hidden;
}

#Spec2 .Pulldown {
  position: absolute;
}
@charset "UTF-8";

/* ============================================

CSS changes to be merged into the main innovation 1000 file

============================================ */

#GraphContainer {
  font-family: Arial;
  width: 984px;
  height: 364px;
  top: -16px;
  position: relative;
  
  /*debug*/
/*  background-color: #f9f9f9;
  outline:1px solid #ddd;
*/
}


/* hide the pulldowns by default */
#Top div.Pulldown {
  margin-top: -300px;
}

#GraphContainer g.xAxis text, #GraphContainer g.yAxis text {
  font-weight: bold;
  font-size: 12px;
}

#GraphContainer circle.intensity {
  cursor: pointer;
}


/* gradient */

#BGGradient .stop1 {
  stop-color: #fff;
}
#BGGradient .stop2 {
  stop-color: #e6e6e6;
}

/* balloon labels */
/*g.labelBubbleGroup {
  pointer-events: none;
}*/
g.intensityLabelGroup {
  cursor: pointer;
}
text.labelBalloonText {
  font-size: 10px;
  font-weight: bold;
}
text.labelBalloonTextRegion {
  font-size: 12px;
}


/* axis labels */

#Results .axisLabel {
  font-family: Arial;
}

#Results .axisLabel .label {
  font-weight: bold;
}

#Results #TopAxisLabel {
  margin-top: 3px;
  margin-left: 54px;
  font-size: 12px;
  text-align: center;
}
#Results #TopAxisLabel .label {
  font-size: 14px;
}
#Results #TopAxisLabel .desc {
  /*margin-left: 18px;*/
}

#Results #BottomAxisLabel {
  text-align: center;
  margin-bottom: 6px;
  margin-top: 14px;
  font-size: 14px;
}


/* footnote */

#Spec2 #Footnote {
  font-family: Arial;
  font-size: 10px;
  text-align: center;
  margin-bottom: 22px;
}



/* label switch */
#Spec2 #Top {
  z-index: 2;
}
#Spec2 #Top #LabelSlider #SlideHolder a:active {
  position: relative;
  left: -10px;
}

#Spec2 #Top #LabelSlider #SlideHolder a.off {
  left: -50px;
}
.drag {
  background: url(/media/image/innov1000-spec2-years-bg-2016.png) no-repeat 0px 0px;
  position: relative;
  height: 47px;
  margin-bottom: 4px;
}
.drag .handle {
  position: absolute;
  cursor: pointer;
}
.drag .red-bar {
  background: url(/media/image/innov1000-spec2-years-slider.png) no-repeat 0px 0px;
  width: 100px;
  height: 47px;
  color: #FFF;
  line-height: 30px;
  text-align: center;
}
.drag .disabled {
  background: #898989;
}