html {
  height: 100%;
  background: white; }

body {
  margin: 0;
  height: 100%;
  font: 13px/20px Lucida Grande, Verdana, Arial, Helvetica, sans-serif; }

h1 {
  line-height: 1em; }

img {
  border-style: none; }

img, div {
  behavior: url(/iepngfix/iepngfix.htc); }

a {
  color: #63a0c9; }

input.button {
  cursor: pointer; }

input, textarea, select {
  font: 100% arial, sans-serif;
  vertical-align: middle; }

form, fieldset {
  margin: 0;
  padding: 0;
  border: none; }

body#model #wrapper {
  min-height: 100%; }

body#outside-model #wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -160px; }

#wrapper {
  min-width: 965px;
  width: 100%;
  position: relative; }

* html body#model #wrapper {
  height: 100%;
  overflow: visible; }

body#model #content {
  padding: 160px 0px 160px 35px;
  z-index: 1; }

body#outside-model #content {
  padding: 130px 0px 150px 35px;
  z-index: 0; }

#content {
  position: relative;
  min-width: 965px;
  max-width: 1230px;
  margin: 0 auto; }
  #content #flash {
    position: absolute;
    left: 50%;
    top: 150px;
    background: #fff1a8;
    width: 400px;
    margin-left: -200px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px; }
    #content #flash.error {
      background: #ff9999; }
    #content #flash.error a {
      color: white; }
    #content #flash p {
      padding: 1px 10px;
      margin: 0; }

#loading {
  position: fixed;
  top: 0px;
  background-color: red;
  padding: 5px 20px;
  left: 48%;
  z-index: 999; }

body#outside-model #flash {
  top: 95px; }

table.default {
  border: 0;
  border-collapse: collapse; }
  table.default thead th {
    background: #5da1cb;
    border: 1px solid #528dc3; }
  table.default thead a {
    color: white; }
  table.default td, table.default th {
    padding: 2px 4px; }
  table.default td {
    vertical-align: top;
    border: 1px solid #dddddd; }
  table.default tr.odd td, table.default tr.odd th {
    background-color: #eeeeee; }

.tar {
  text-align: right; }

.tal {
  text-align: left; }

.tac {
  text-align: center; }

#under_construction {
  float: left;
  width: 60%;
  border: 1px solid #e07033;
  background-color: #e07033;
  padding: 100px;
  color: white;
  text-align: center; }

.description_container_nl .en {
  display: none; }

.description_container_en .nl {
  display: none; }

.side_tabs {
  position: fixed;
  left: 0;
  top: 15%;
  border-width: 0;
  height: 118px !important;
  width: 27px !important;
  cursor: pointer;
  z-index: 2000; }

#feedback-tab.nl {
  background: url("../images/layout/feedback_button_nl.png") no-repeat scroll 0 0 white;
  height: 97px !important; }

#feedback-tab.en {
  background: url("../images/layout/feedback_button.gif") no-repeat scroll 0 0 white; }

#epn_module.nl {
  margin-top: 107px;
  background: url("../images/layout/education_button_nl.gif") no-repeat scroll 0 0 white; }

#epn_module.en {
  margin-top: 127px;
  background: url("../images/layout/education_button.gif") no-repeat scroll 0 0 white; }

#refman-tab.en {
  background: url("../images/layout/publications_button.png") no-repeat scroll 0 0 white;
  height: 129px !important;
  margin-top: 249px; }

#refman-tab.nl {
  background: url("../images/layout/publications_button_nl.png") no-repeat scroll 0 0 white;
  height: 114px !important;
  margin-top: 229px; }

#wiki-tab {
  background: url("../images/layout/wiki_button_nl.png") no-repeat scroll 0 0 white;
  height: 81px !important; }

#wiki-tab.en {
  margin-top: 388px; }

#wiki-tab.nl {
  margin-top: 352px; }

.locator {
  position: absolute; }

#locator_hv {
  left: 402px;
  top: 288px; }

#locator_hv-mv {
  left: 414px;
  top: 172px; }

#locator_mv {
  left: 188px;
  top: 202px; }

#locator_mv-lv {
  left: 207px;
  top: 117px; }

#locator_lv {
  left: 26px;
  top: 131px; }

.style_button {
  float: left;
  text-decoration: none;
  cursor: pointer; }
  .style_button div {
    float: left;
    height: 51px; }

.button_left_movie {
  background: white url(../images/layout/movie_button_left_with_icon.png) no-repeat;
  width: 70px; }

.button_left {
  background: white url(../images/layout/movie_button_left_with_icon.png) no-repeat;
  width: 10px; }

.button_center {
  background: white url(../images/layout/movie_button_middle.png) repeat-x; }
  .button_center span {
    float: left;
    margin: 15px 10px 0 0;
    color: black; }

.button_right {
  background: white url(../images/layout/movie_button_right.png) no-repeat;
  width: 34px; }

.fce_notice a {
  color: white;
  text-decoration: underline; }
.fce_notice a:hover {
  text-decoration: none; }

.clear {
  clear: both; }

a {
  outline: none; }

#title {
  float: left;
  overflow: hidden;
  border-bottom: 2px solid #dfe8f3;
  width: 82%;
  margin: 0 0 20px 0;
  padding-bottom: 10px; }
  #title h2 {
    margin: 0;
    font: 32px/34px Georgia, "Times New Roman", Times, serif;
    color: black;
    text-align: left;
    text-transform: none; }
  #title p {
    font: 13px/20px Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    color: #333333;
    word-spacing: 1px;
    overflow: hidden;
    width: 100%; }
    #title p a {
      text-align: right;
      margin-left: 5px;
      color: #63a1c9;
      white-space: normal;
      text-decoration: none; }
    #title p a:hover {
      text-decoration: underline; }
  #title p.hidden {
    display: none; }
  #title p.visible {
    display: true; }
  #title .fce_info {
    margin-top: 5px;
    color: #333333; }
  #title .tutorial_button {
    float: right;
    text-decoration: none;
    cursor: pointer; }
    #title .tutorial_button div {
      float: left;
      height: 51px; }
    #title .tutorial_button .button_left {
      background: white url(../images/layout/movie_button_left_with_icon.png) no-repeat;
      width: 70px; }
    #title .tutorial_button .button_center {
      background: white url(../images/layout/movie_button_middle.png) repeat-x; }
    #title .tutorial_button .button_right {
      background: white url(../images/layout/movie_button_right.png) no-repeat;
      width: 34px; }
    #title .tutorial_button span {
      float: left;
      margin: 15px 10px 0 0;
      font: 18px Georgia, "Times New Roman", Times, serif;
      color: black;
      font-style: italic; }

#accordion_wrapper {
  float: left;
  margin: 0 1% 0 0%;
  width: 39%;
  color: #333333;
  min-width: 416px; }
  #accordion_wrapper .accordion_element {
    position: relative; }
  #accordion_wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden; }
    #accordion_wrapper ul li {
      overflow: hidden;
      vertical-align: top;
      padding: 0 0 3px; }
      #accordion_wrapper ul li a.slide_header {
        display: block;
        padding: 0 0 0 31px;
        background: #dfe8f3 url(../images/layout/bg-column-c-a.gif) no-repeat;
        text-decoration: none;
        text-align: left;
        overflow: hidden;
        height: 1%; }
      #accordion_wrapper ul li a.slide_header:hover {
        background: #dfe8f3 url(../images/layout/bg-column-c-a-hover.gif) no-repeat; }
      #accordion_wrapper ul li .selected a {
        background: #dfe8f3 url(../images/layout/bg-column-c-a-hover.gif) no-repeat; }
      #accordion_wrapper ul li .ui-state-active a {
        background: #dfe8f3 url(../images/layout/bg-column-c-a-hover.gif) no-repeat; }
      #accordion_wrapper ul li #accordion_wrapper a {
        text-decoration: none;
        color: #63a0c9;
        float: right;
        background: none;
        font: 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
        word-spacing: -1px;
        letter-spacing: -1px; }
      #accordion_wrapper ul li #accordion_wrapper a:hover {
        text-decoration: underline;
        background: none; }
  #accordion_wrapper .accordion {
    float: left;
    width: 100%; }
    #accordion_wrapper .accordion li div p img {
      float: left;
      padding: 0 20px 0 0; }
    #accordion_wrapper .accordion li.accordion_element .headline {
      position: relative;
      background: #dfe8f3;
      display: block;
      width: 100%;
      height: 30px;
      outline: none; }
      #accordion_wrapper .accordion li.accordion_element .headline a {
        font: 16px/30px Georgia, "Times New Roman", Times, serif1;
        height: 30px;
        margin: 0 0 2px;
        color: #224368;
        text-decoration: none; }
    #accordion_wrapper .accordion .slide p {
      margin: 13px 0; }
    #accordion_wrapper .accordion .slide a.btn-done {
      background: white;
      height: 20px;
      text-align: center;
      text-decoration: none;
      float: right; }
      #accordion_wrapper .accordion .slide a.btn-done:hover {
        text-decoration: underline; }
  #accordion_wrapper .container {
    width: 100%;
    overflow: hidden;
    margin: 26px 0 0; }
    #accordion_wrapper .container .plot_container {
      width: 430px;
      height: 320px; }
    #accordion_wrapper .container .plot {
      float: right;
      width: 420px;
      height: 220px; }
    #accordion_wrapper .container .img-holder {
      float: left;
      margin: 10px 24px 10px 0;
      display: inline; }
      #accordion_wrapper .container .img-holder img {
        display: block; }
    #accordion_wrapper .container p {
      color: #474747;
      margin: 19px 0 0;
      line-height: 17px; }
  #accordion_wrapper .valuees {
    float: left;
    clear: both;
    width: 100%;
    list-style: none;
    overflow: visible;
    padding: 0; }
    #accordion_wrapper .valuees img.subheader_image {
      float: right;
      margin-right: 0px;
      width: 115px;
      height: 40px; }
    #accordion_wrapper .valuees span.slider {
      float: left;
      width: 45%;
      line-height: 18px; }
    #accordion_wrapper .valuees li {
      width: 100%;
      overflow: hidden;
      padding: 0 0 1px;
      position: relative; }
      #accordion_wrapper .valuees li span a {
        float: left;
        text-decoration: none;
        position: relative; }
      #accordion_wrapper .valuees li span a.icon {
        display: inline;
        width: 15%;
        overflow: hidden;
        background: none center center no-repeat;
        display: none; }
      #accordion_wrapper .valuees li span a.label {
        margin: 0 0 0 0px;
        width: 85%;
        display: inline;
        outline: none;
        color: #333333;
        background: white; }
        #accordion_wrapper .valuees li span a.label em.price {
          color: #999999;
          font-size: smaller;
          font-style: normal; }
        #accordion_wrapper .valuees li span a.label .question_mark {
          position: absolute;
          display: none;
          right: 10px;
          top: 2px;
          width: 16px;
          height: 16px;
          background: url(/images/layout/ico-questionmark.gif) no-repeat top right; }
      #accordion_wrapper .valuees li .graph-box {
        position: relative;
        width: 32%;
        height: 14px;
        float: left;
        margin: 0 0 0 0; }
        #accordion_wrapper .valuees li .graph-box input {
          position: absolute;
          top: 3px;
          right: -55%;
          width: 55px;
          border: none;
          padding: 0;
          text-align: right;
          margin: 0; }
        #accordion_wrapper .valuees li .graph-box span.suffix {
          position: absolute;
          top: 4px;
          right: -69%;
          width: 18px;
          border: none;
          padding: 0;
          text-align: right;
          color: #333333;
          margin: 0;
          font: 100% arial, sans-serif;
          vertical-align: middle; }
      #accordion_wrapper .valuees li .value {
        float: left;
        text-align: right;
        color: #4c6d7f;
        text-decoration: none; }
    #accordion_wrapper .valuees div.sub_header {
      text-align: right;
      color: #aaaaaa;
      overflow: auto; }
      #accordion_wrapper .valuees div.sub_header a.expert_header {
        float: left; }
    #accordion_wrapper .valuees div.interface_group {
      width: 100%;
      text-align: left;
      color: #aaaaaa;
      border-top: 1px solid #aaaaaa;
      margin-top: 5px;
      overflow: hidden; }
    #accordion_wrapper .valuees span.subheader_arrow {
      float: right;
      margin-right: 4px;
      height: 26px;
      width: 123px;
      text-align: right;
      background: white url("/images/layout/grey_triangle_down.gif") no-repeat scroll right bottom; }
    #accordion_wrapper .valuees li:hover a.icon {
      background-image: url(/images/layout/ico-reset.gif); }
  #accordion_wrapper .accordion_element {
    display: none; }

#charts_wrapper {
  float: right;
  margin: 0 1% 0 1%;
  width: 35%;
  height: 450px; }
  #charts_wrapper h3 {
    margin: 0 0 22px;
    font: 16px/30px Georgia, "Times New Roman", Times, serif1;
    color: #224368;
    height: 30px;
    background: #dfe8f3;
    padding: 0 0 0 31px; }
  #charts_wrapper img.block {
    display: block; }
  #charts_wrapper a.right {
    font-size: 13px;
    text-decoration: none;
    color: #63a0c9;
    float: right;
    margin: 0 1px 0 0;
    letter-spacing: -1px; }
  #charts_wrapper a:hover {
    text-decoration: underline; }
  #charts_wrapper #charts_container {
    clear: both;
    position: relative;
    height: 450px; }
    #charts_wrapper #charts_container #output_element_actions {
      height: 13px;
      width: 200px;
      position: absolute;
      left: 20px;
      top: 273px;
      z-index: 2; }
      #charts_wrapper #charts_container #output_element_actions a {
        float: left;
        height: 13px;
        margin-right: 5px; }
      #charts_wrapper #charts_container #output_element_actions .chart_info {
        width: 15px;
        background: url("../images/slider/slider-down-button.png") no-repeat -2px -4px; }
      #charts_wrapper #charts_container #output_element_actions .select_chart {
        width: 65px;
        background: url("../images/layout/change_chart_button.png") no-repeat; }
      #charts_wrapper #charts_container #output_element_actions .default_charts {
        width: 60px;
        background: url("../images/layout/default_chart_button.png") no-repeat; }
    #charts_wrapper #charts_container #chart_not_finished {
      position: absolute;
      top: -5px;
      height: 53px;
      width: 264px;
      right: -5px;
      z-index: 3;
      background: url(/images/layout/still_to_do.png) no-repeat; }
    #charts_wrapper #charts_container #output_element_actions.waterfall {
      top: -5px; }
    #charts_wrapper #charts_container #output_element_actions.html_table {
      top: -10px; }
    #charts_wrapper #charts_container #output_element_actions.grouped_vertical_bar {
      top: -10px; }
    #charts_wrapper #charts_container #output_element_actions.policy_bar {
      top: -10px; }
    #charts_wrapper #charts_container #output_element_actions.horizontal_bar {
      top: -10px; }
    #charts_wrapper #charts_container #output_element_actions.horizontal_stacked_bar {
      top: -10px; }
    #charts_wrapper #charts_container #output_element_actions.mekko {
      left: 40px; }

#supply_output_table {
  width: 100%; }
  #supply_output_table th {
    text-align: left; }
  #supply_output_table th.unit {
    font-weight: normal;
    text-align: center;
    font-size: 10px; }
  #supply_output_table .border-rgt {
    border-right: 1px solid #999999; }
  #supply_output_table tfoot#total td {
    border-top: 1px solid #999999;
    border-bottom: 3px double #999999;
    font-weight: bold; }

body#outside-model #header {
  height: 100px; }

#header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 150px;
  background: url(../images/layout/bg-header-inner.gif) repeat-x;
  z-index: 101; }
  #header img {
    background: none !important;
    background-color: #63a1c9; }
  #header .frame {
    position: relative;
    z-index: 102;
    height: 77px;
    min-width: 980px;
    max-width: 1259px;
    margin: 0 auto;
    padding: 0;
    width: 100%; }
  #header #notice_bar {
    position: absolute;
    z-index: 103;
    top: 0;
    left: 0;
    color: white;
    font-size: 14px;
    height: 20px;
    background: #cc3333;
    width: 100%;
    text-align: center; }
  #header .fce_notice.hidden {
    display: none; }
  #header .sub-nav {
    float: right;
    list-style: none;
    margin: 42px 0 0 0;
    padding: 0;
    overflow: hidden;
    width: 445px; }
    #header .sub-nav li {
      float: left;
      background: url(../images/layout/separator-01.gif) no-repeat 0 3px;
      font-size: 13px;
      font-weight: normal;
      padding: 0;
      margin: 0 0 0 -2px; }
      #header .sub-nav li a {
        color: white;
        text-decoration: none; }
        #header .sub-nav li a:hover {
          text-decoration: underline; }
  #header .header_logo {
    overflow: hidden;
    float: left;
    margin-top: 7px;
    margin-left: 20px; }

#searchform {
  float: right;
  margin: 0;
  padding: 0 10px 0 0;
  display: inline;
  font-size: 12px; }
  #searchform fieldset {
    display: inline; }
  #searchform .btn-search {
    float: left;
    background: url(/images/layout/btn-seaech.gif) no-repeat;
    width: 18px;
    height: 22px;
    border: none;
    padding: 0; }
  #searchform .text {
    float: left;
    background: url(/images/layout/bg-search.gif) no-repeat right;
    width: 132px;
    height: 22px; }
    #searchform .text input {
      background: none;
      border: none;
      padding: 0 3px;
      float: left;
      width: 136px;
      margin: 4px 0 0;
      color: #bababa;
      outline: 0; }

.black_layout #searchform .btn-search {
  background: url(/images/layout/btn-search-black.gif) no-repeat; }
.black_layout #searchform .text {
  background: url(/images/layout/bg-search-black.gif) no-repeat right; }

#nav {
  position: absolute;
  width: 100%;
  top: 100px;
  z-index: 100;
  overflow: hidden; }
  #nav .nav-holder {
    width: 960px;
    margin: 0 auto; }
  #nav .nav-holder-inner {
    min-width: 960px;
    max-width: 100%; }
  #nav ul {
    list-style: none;
    margin: 20px 0 0 147px;
    padding: 0; }
    #nav ul li {
      float: left; }
      #nav ul li a {
        background: url(/images/layout/bg-nav-l.gif) no-repeat;
        float: left;
        color: white;
        text-decoration: none;
        cursor: pointer; }
        #nav ul li a:hover {
          background-position: 0 -26px;
          color: black; }
          #nav ul li a:hover span {
            background-position: 100% -26px; }
        #nav ul li a span {
          float: left;
          background: url(/images/layout/bg-nav-r.gif) no-repeat 100% 0;
          height: 20px;
          padding: 8px 10px 0;
          width: 99px;
          text-align: center; }
      #nav ul li.active a {
        background-position: 0 -26px;
        color: black; }
        #nav ul li.active a span {
          background-position: 100% -26px; }
      #nav ul li a.demand em, #nav ul li a.costs em, #nav ul li a.supply em, #nav ul li a.policy em {
        background: url(/images/layout/ico-demand.gif) no-repeat;
        padding: 2px 0 0 29px;
        font-style: normal; }
      #nav ul li a.home {
        background: url(/images/layout/btn-home.gif) no-repeat !important;
        width: 52px;
        height: 26px;
        margin: 0 6px 0 0; }
      #nav ul li a.demand em {
        background: url(/images/layout/ico-demand.gif) no-repeat; }
      #nav ul li a.costs em {
        background: url(/images/layout/ico-demand.gif) no-repeat; }

#nav.nav-inner, #nav.nav-admin {
  background: url(../images/layout/bg-nav-inner.gif) repeat-x;
  height: 42px; }
  #nav.nav-inner ul, #nav.nav-admin ul {
    font-size: 13px; }
    #nav.nav-inner ul li a, #nav.nav-admin ul li a {
      color: #333333;
      border: 2px solid #dfe8f3;
      background: #dfe8f3;
      margin: 5px 0 0; }
      #nav.nav-inner ul li a:hover, #nav.nav-admin ul li a:hover {
        background: white;
        margin: 0; }
    #nav.nav-inner ul li.active a, #nav.nav-admin ul li.active a {
      background: white;
      margin: 0;
      padding: 7px 25px 6px 26px; }

#nav.nav-inner ul {
  margin-top: 13px; }
  #nav.nav-inner ul li {
    padding: 0 13px 0 14px; }
    #nav.nav-inner ul li a {
      padding: 2px 25px 5px 26px; }
    #nav.nav-inner ul li a:hover {
      padding: 7px 25px 6px 26px; }

#nav.nav-admin ul {
  margin: 13px auto 0 auto; }
  #nav.nav-admin ul li {
    padding: 0 3px 0 3px; }
    #nav.nav-admin ul li a {
      padding: 2px 5px 5px 5px; }
    #nav.nav-admin ul li a:hover {
      padding-top: 7px; }

#sidebar {
  min-width: 160px;
  min-height: 350px;
  float: left;
  width: 17%; }
  #sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    #sidebar ul li.active a {
      background: url(../images/layout/bg-sidebar-a-hover.gif) no-repeat;
      color: white; }
      #sidebar ul li.active a em {
        background-position: 0px -25px; }
      #sidebar ul li.active a span {
        background: white; }
      #sidebar ul li.active a span.bar {
        background: white; }
      #sidebar ul li.active a span.value {
        background: #63a1c9;
        color: white; }
    #sidebar ul li {
      padding: 0 0 0px;
      height: 1%;
      overflow: hidden;
      vertical-align: top;
      position: relative; }
      #sidebar ul li a:hover {
        background: url(../images/layout/bg-sidebar-a-hover.gif) no-repeat;
        color: white; }
        #sidebar ul li a:hover em {
          background-position: 0px -25px; }
        #sidebar ul li a:hover span {
          background: white; }
        #sidebar ul li a:hover span.bar {
          background: white; }
        #sidebar ul li a:hover span.value {
          color: white;
          background: #63a1c9; }
      #sidebar ul li.overview a {
        height: 22px; }
      #sidebar ul li .ico-households em {
        background: url(../images/layout/ico-households.gif) no-repeat; }
      #sidebar ul li .ico-buildings em {
        background: url(../images/layout/ico-offices_schools.gif) no-repeat; }
      #sidebar ul li .ico-industry em {
        background: url(../images/layout/ico-industry.gif) no-repeat; }
      #sidebar ul li .ico-agriculture em {
        background: url(../images/layout/ico-agriculture.gif) no-repeat; }
      #sidebar ul li .ico-transport em {
        background: url(../images/layout/ico-transport.gif) no-repeat; }
      #sidebar ul li .ico-transport_fuels em {
        background: url(../images/layout/ico-transport.gif) no-repeat; }
      #sidebar ul li .ico-other em {
        background: url(../images/layout/ico-other.gif) no-repeat; }
      #sidebar ul li .ico-combustion em {
        background: url(/images/layout/ico-combustion.gif) no-repeat; }
      #sidebar ul li .ico-nuclear em {
        background: url(/images/layout/ico-nuclear.gif) no-repeat; }
      #sidebar ul li .ico-wind em {
        background: url(/images/layout/ico-wind.gif) no-repeat; }
      #sidebar ul li .ico-water em {
        background: url(/images/layout/ico-water.gif) no-repeat; }
      #sidebar ul li .ico-solar em {
        background: url(/images/layout/ico-solar.gif) no-repeat; }
      #sidebar ul li .ico-co2 em {
        background: url(/images/layout/ico-co2.gif) no-repeat; }
      #sidebar ul li .ico-earth em {
        background: url(/images/layout/ico-earth.gif) no-repeat; }
      #sidebar ul li .ico-sustainability em {
        background: url(/images/layout/ico-target.gif) no-repeat; }
      #sidebar ul li .ico-area em {
        background: url(/images/layout/ico-area.gif) no-repeat; }
      #sidebar ul li .ico-dependence em {
        background: url(/images/layout/ico-dependence.gif) no-repeat; }
      #sidebar ul li .ico-cost em {
        background: url(/images/layout/ico-cost.gif) no-repeat; }
      #sidebar ul li .ico-grid em {
        background: url(/images/layout/ico-grid.gif) no-repeat; }
      #sidebar ul li .ico-fossil em {
        background: url(/images/layout/ico-fossil.gif) no-repeat; }
      #sidebar ul li .ico-electricity em {
        background: url(/images/layout/ico-electricity.gif) no-repeat; }
      #sidebar ul li .ico-electricity_renewable em {
        background: url(/images/layout/ico-electricity_renewable.gif) no-repeat; }
      #sidebar ul li .ico-fossil_heat em {
        background: url(/images/layout/ico-fossil.gif) no-repeat; }
      #sidebar ul li .ico-renewable_heat em {
        background: url(/images/layout/ico-renew_heat.gif) no-repeat; }
      #sidebar ul li .ico-fuels em {
        background: url(/images/layout/ico-fuels.gif) no-repeat; }
      #sidebar ul li .ico-infrastructure em {
        background: url(/images/layout/ico-infrastructure.gif) no-repeat; }
      #sidebar ul li .ico-other_fuels em {
        background: url(/images/layout/ico-fuels.gif) no-repeat; }
      #sidebar ul li .ico-fce em {
        background: url(/images/layout/ico-fce.gif) no-repeat; }
      #sidebar ul li a {
        float: left;
        width: 140px;
        height: 44px;
        background: url(../images/layout/bg-sidebar-a.gif) no-repeat;
        color: #333333;
        text-decoration: none;
        padding: 8px 0 0 8px; }
        #sidebar ul li a em {
          float: left;
          width: 20px;
          height: 20px;
          padding-top: -3px;
          margin: 0 5px 0px 0; }
        #sidebar ul li a p {
          float: left;
          margin-top: -3px;
          height: 28px;
          width: 106px;
          padding-bottom: 10px;
          position: relative; }
        #sidebar ul li a span.bar {
          float: left;
          height: 5px;
          background: #63a1c9;
          margin: 5px 0 0;
          overflow: hidden; }
        #sidebar ul li a span.value {
          position: absolute;
          top: 13px;
          color: black;
          font-size: 10px;
          height: 10px;
          width: 20px;
          padding-left: 3px; }
        #sidebar ul li a span.title {
          position: relative;
          float: left;
          width: 106px;
          background: transparent none;
          margin: 0px;
          overflow: visible;
          line-height: 120%;
          height: 16px; }
        #sidebar ul li a small {
          float: left;
          font-size: 10px;
          line-height: 16px;
          margin-left: 5px; }

#constraints_container {
  width: 100%;
  background-color: white; }
  #constraints_container #constraints {
    background-image: url(../images/layout/divider-01.gif);
    background-color: white;
    background-repeat: repeat-x;
    min-width: 960px;
    max-width: 1230px;
    padding-left: 35px;
    margin: 0 auto;
    list-style: none;
    z-index: 1051; }
    #constraints_container #constraints .constraint {
      float: left;
      cursor: pointer;
      background: url(../images/layout/separator-02.gif) repeat-y;
      width: 14%;
      position: relative; }
      #constraints_container #constraints .constraint .arrow {
        position: absolute;
        right: -2px;
        top: 18px;
        width: 40px;
        height: 40px;
        margin: 0;
        padding: 0; }
      #constraints_container #constraints .constraint .arrow_neutral {
        background: url(../images/layout/arrow_none.png); }
      #constraints_container #constraints .constraint .arrow_up {
        top: 15px;
        background-color: red;
        background: url(../images/layout/arrow_up.png); }
      #constraints_container #constraints .constraint .arrow_down {
        top: 18px;
        background-color: green;
        background: url(../images/layout/arrow_down.png); }
      #constraints_container #constraints .constraint img.questionmark {
        position: absolute;
        right: 5px;
        top: 15px;
        cursor: pointer; }
      #constraints_container #constraints .constraint .header {
        float: left;
        font-family: Georgia, "Times New Roman", Times, serif;
        display: block;
        color: #214367;
        font-size: 14px;
        width: 110px;
        padding: 8px 0 4px 12px;
        margin: 0;
        height: 25px; }
      #constraints_container #constraints .constraint strong {
        clear: left;
        float: left;
        display: block;
        font-weight: normal;
        color: black;
        padding: 0 0 10px 12px;
        font-size: 24px;
        width: 120px; }
    #constraints_container #constraints .first {
      background: none; }
    #constraints_container #constraints h3 {
      font-family: Georgia, "Times New Roman", Times, serif;
      font-weight: normal; }

#constraints {
  position: relative; }
  #constraints #dashboard_change {
    background: #599fcf url(/images/layout/change_dashboard_button.png) center center no-repeat;
    border-top-right-radius: 3px;
    display: block;
    height: 67px;
    position: absolute;
    right: 0;
    text-indent: -10000px;
    width: 36px; }
    #constraints #dashboard_change:hover {
      background-color: #478dc3; }
    #constraints #dashboard_change:active {
      background-color: #3c81bb; }

#dashboard-changer {
  padding: 40px 50px;
  width: 550px; }
  #dashboard-changer h1 {
    background: url(/images/icons/dashboard.png) 160px 0 no-repeat;
    border-bottom: 1px solid #cccccc;
    font: bold 16px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    padding: 3px 0 20px 200px;
    margin: -3px 0 21px; }
  #dashboard-changer sup, #dashboard-changer sub {
    line-height: 0; }
  #dashboard-changer dl {
    font-size: 13px;
    padding-top: 14px; }
    #dashboard-changer dl dt, #dashboard-changer dl dd {
      padding: 0 0 2px; }
    #dashboard-changer dl dt {
      font-weight: bold;
      margin: -14px 370px 0 0;
      text-align: right; }
    #dashboard-changer dl dd {
      margin: -22px 0 22px 200px;
      width: 350px; }
      #dashboard-changer dl dd label {
        display: block;
        white-space: nowrap; }
        #dashboard-changer dl dd label input {
          margin-top: 0px; }
  #dashboard-changer .commit {
    border-top: 1px solid #cccccc;
    margin-top: -6px;
    padding: 20px 0 0 200px; }
    #dashboard-changer .commit .indicator {
      background: url(/images/layout/ajax-loader-small.gif) 0 0 no-repeat;
      display: none;
      height: 24px;
      float: left;
      margin: 5px 21px 0 -45px;
      width: 24px; }
    #dashboard-changer .commit button {
      background: #649ec6;
      background: -webkit-linear-gradient(#7eb9e0, #518ab4);
      background: -moz-linear-gradient(#7eb9e0, #518ab4);
      background: -o-linear-gradient(#7eb9e0, #518ab4);
      border: 1px solid #4a7b9e;
      border-bottom-color: #3c6582;
      border-radius: 3px;
      color: white;
      font-size: 12px;
      font-weight: bold;
      padding: 8px 12px 7px;
      text-shadow: 0 -1px 0 #3c6582; }
      #dashboard-changer .commit button:active {
        border-color: #3c6582;
        background: #467da9;
        background: -webkit-linear-gradient(#71afdb, #467da9);
        background: -moz-linear-gradient(#71afdb, #467da9);
        background: -o-linear-gradient(#71afdb, #467da9);
        box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3); }
      #dashboard-changer .commit button.cancel {
        background: #eeeeee;
        background: -moz-linear-gradient(top, #f5f5f5, #dddddd);
        background: -webkit-linear-gradient(top, #f5f5f5, #dddddd);
        background: linear-gradient(top, #f5f5f5, #dddddd);
        border-color: #aaaaaa #afafaf #afafaf;
        color: #333333;
        text-shadow: white 0 1px 0; }
        #dashboard-changer .commit button.cancel:active {
          border-color: #999999;
          background: #dddddd;
          background: -moz-linear-gradient(#e5e5e5, #cccccc);
          background: -webkit-linear-gradient(#e5e5e5, #cccccc);
          background: linear-gradient(#e5e5e5, #cccccc); }

#shadowbox-body {
  height: 350px; }

.constraint_box_content {
  background-color: #dbe4f2;
  width: 540px !important;
  padding: 5px 10px;
  background: none !important; }
  .constraint_box_content #charts_wrapper {
    overflow: hidden;
    text-align: center;
    width: 440px; }
  .constraint_box_content ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    float: left;
    clear: both; }
    .constraint_box_content ul li {
      float: left; }
  .constraint_box_content .name {
    width: 250px; }
  .constraint_box_content .target {
    text-align: right;
    width: 80px; }
  .constraint_box_content .you {
    text-align: right;
    width: 80px; }
  .constraint_box_content .check {
    text-align: right;
    width: 20px; }

#constraint_1 {
  position: absolute; }
  #constraint_1 #shadowbox-outer {
    left: 0px; }
  #constraint_1 #shadow-bg-arrow-tip {
    position: absolute; }

#constraint_2 #shadowbox-outer {
  left: -150px; }
#constraint_2 #shadow-bg-arrow-tip {
  left: 200px; }

#constraint_3 #shadowbox-outer {
  left: -200px; }
#constraint_3 #shadow-bg-arrow-tip {
  left: 250px; }

#constraint_4 #shadowbox-outer {
  left: -200px; }
#constraint_4 #shadow-bg-arrow-tip {
  left: 250px; }

#constraint_5 #shadowbox-outer {
  left: -200px; }
#constraint_5 #shadow-bg-arrow-tip {
  left: 250px; }

#constraint_6 #shadowbox-outer {
  left: -300px; }
#constraint_6 #shadow-bg-arrow-tip {
  left: 350px; }

#constraint_7 #shadowbox-outer, #constraint_8 #shadowbox-outer {
  right: 450px; }
#constraint_7 #shadow-bg-arrow-tip, #constraint_8 #shadow-bg-arrow-tip {
  left: 450px; }

/* Hide the constraint_popup by moving it outside the window, instead of display: none, otherwise the jqplot doesn't draw correctly */
/*.constraint_popup
 * position: absolute
 * left: 0
 * bottom: 8000px
 * width: 600px
 * height: 410px
 *
 * #shadowbox-outer
 *   position: relative
 *   bottom: 0px
 *   width: 600px
 *   height: 400px
 *   opacity: 0.01
 *
 * #shadowbox-inner
 *   width: 590px
 *   height: 390px
 *   float: left
 *   background-color: #DFE8F3
 *   border: 5px solid #FFF
 *
 *   h3.shadowbox-title
 *     background-color: #63A1C9
 *     color: #fff
 *     margin: 0 0 0 0
 *     padding: 8px 10px */
iframe.constraint_iframe {
  width: 590px;
  height: 350px;
  border: 0;
  overflow: hidden; }

#footer {
  position: fixed;
  height: 90px;
  width: 100%;
  bottom: 0;
  background: #dfe8f3;
  z-index: 1050; }
  #footer #logos {
    float: left;
    width: 100%;
    margin: 5px auto 11px;
    height: 45px;
    text-align: center;
    position: relative; }
    #footer #logos #all_container {
      max-width: 1259px;
      min-width: 980px;
      margin: 0 auto;
      position: relative; }
      #footer #logos #all_container .link_container {
        position: absolute;
        left: 33px;
        width: 200px;
        text-align: left; }
        #footer #logos #all_container .link_container a.fb-share {
          float: left;
          text-indent: -999px;
          width: 62px;
          height: 20px;
          background: url(/images/layout/fb-button.png); }
        #footer #logos #all_container .link_container a.twitter-share {
          float: left;
          text-indent: -999px;
          width: 57px;
          height: 22px;
          background: url(/images/layout/twitter-button.png); }
      #footer #logos #all_container .link_container.twitter {
        top: 3px; }
      #footer #logos #all_container .link_container.facebook {
        top: 29px; }
    #footer #logos #two_container {
      width: 600px;
      margin: 0 auto; }
    #footer #logos ul {
      width: 300px;
      position: relative;
      margin: 0;
      padding: 0;
      list-style-type: none;
      height: 70px;
      float: left; }
      #footer #logos ul li {
        width: 100%; }
        #footer #logos ul li a {
          margin: 0 auto;
          display: block;
          text-indent: -9999px;
          height: 50px;
          background-position: 50% 50%;
          background-repeat: no-repeat; }
      #footer #logos ul li.active {
        display: block; }
    #footer #logos #subheader {
      margin: 0 0 0 0;
      font-size: 12px;
      color: black; }

#model #footer {
  height: 148px; }

h1 {
  font-family: Georgia, Times New Roman;
  font-weight: normal; }

#overlay_container {
  width: 600px;
  overflow-x: hidden; }
  #overlay_container p {
    display: block;
    float: left; }
    #overlay_container p img {
      float: left; }

#translations_container {
  font-size: 12px;
  width: 860px;
  overflow-x: hidden; }
  #translations_container h2 {
    padding: 0px;
    margin: 0px; }

#select_charts {
  width: 100%;
  height: 100%;
  padding: 20px; }
  #select_charts p label {
    width: 100px;
    float: left; }
  #select_charts a {
    cursor: pointer; }
  #select_charts div:hover {
    background: #dfe8f3; }
  #select_charts h1 {
    clear: both; }
  #select_charts div {
    padding: 10px;
    float: left;
    width: 140px;
    height: 140px;
    margin-right: 20px; }
    #select_charts div h2 {
      font-size: 100%;
      margin: 0; }
    #select_charts div p {
      font-size: 100%;
      color: black; }

#feedback_form {
  padding: 20px;
  width: 500px; }
  #feedback_form p label {
    width: 100px;
    float: left; }
  #feedback_form .errors {
    height: 20px;
    width: 90%;
    color: red; }

#select_curve {
  width: 820px;
  padding: 20px; }
  #select_curve p {
    font-size: 100%;
    color: black; }

#tutorial_wrapper {
  background: transparent;
  overflow: hidden;
  height: 290px;
  width: 930px; }
  #tutorial_wrapper iframe {
    float: left; }
  #tutorial_wrapper h3 {
    padding: 0;
    margin: 8px 0 0 0;
    text-align: center; }
  #tutorial_wrapper p {
    height: 40px; }
  #tutorial_wrapper div {
    background: white;
    float: left;
    width: 450px;
    margin: 0;
    border: 4px solid white; }
  #tutorial_wrapper .left_movie {
    margin-right: 10px; }

#search_results ul, #search_results_from_reference_manager ul {
  padding: 0;
  margin: 0;
  list-style-type: none; }
  #search_results ul li, #search_results_from_reference_manager ul li {
    padding: 0;
    margin: 0; }
#search_results h4, #search_results_from_reference_manager h4 {
  font-size: 12px;
  padding-bottom: 0px;
  margin-bottom: 0px; }
#search_results p, #search_results_from_reference_manager p {
  margin-top: 0; }
#search_results table, #search_results_from_reference_manager table {
  width: 90%; }
  #search_results table td.result, #search_results_from_reference_manager table td.result {
    vertical-align: top; }
  #search_results table td.img, #search_results_from_reference_manager table td.img {
    width: 70px; }
  #search_results table h4, #search_results_from_reference_manager table h4 {
    margin: 0px; }
#search_results .slide_icon, #search_results_from_reference_manager .slide_icon {
  width: 50px;
  -ms-interpolation-mode: bicubic; }

#start {
  float: left;
  width: 35%;
  border-right: 1px solid #cccccc; }
  #start select {
    float: left;
    margin-right: 5px; }
  #start h1 {
    color: #0c6c9c;
    margin: 0;
    padding: 0; }
  #start p {
    padding-right: 10px; }
  #start p.nodownloads {
    color: #666666;
    margin: 8px 0; }
  #start h3 {
    float: left;
    color: #224368;
    margin-bottom: 4px;
    margin-top: 4px; }
  #start ul {
    list-style-type: none; }
  #start ul, #start li {
    padding: 0;
    margin: 0; }
  #start li {
    padding: 2px 0;
    float: left;
    clear: both;
    width: 100%;
    padding-top: 5px; }
    #start li ul li {
      padding-top: 3px;
      label-width: 100%;
      label-line-height: 1em; }
      #start li ul li input {
        float: left;
        line-height: 1em; }
      #start li ul li span {
        color: black;
        font-size: 12px;
        float: left;
        line-height: 1em; }
        #start li ul li span small {
          color: #999999; }
      #start li ul li img {
        float: left;
        line-height: 1em;
        margin: 2px 5px 0px 0px; }
      #start li ul li.disabled {
        color: #999999; }
  #start label input {
    margin-right: 8px;
    vertical-align: bottom;
    margin-bottom: 3px; }
  #start #year_forms {
    float: left; }
  #start .button_align_right {
    margin-right: 12px;
    margin-top: 10px;
    float: right; }
  #start #go_button {
    clear: both;
    display: none; }
  #start #description_container {
    margin-top: 10px;
    margin-right: 10px;
    color: #999999; }
    #start #description_container span {
      color: #999999;
      font-size: 12px; }
    #start #description_container img {
      float: left;
      margin: 10px;
      v-align: top; }
  #start .style_button {
    float: left;
    clear: both;
    margin: 15px 0 0 10px; }
    #start .style_button .button_left {
      width: 9px; }
    #start .style_button .button_center span {
      width: 250px; }
  #start #existing_scenario_button, #start #new_scenario_button, #start #continue_scenario_button, #start #energy_mixer_button {
    width: 313px; }

#information {
  float: right;
  width: 60%; }

#information .tabs, #house_selection .tabs {
  height: 30px;
  margin: auto;
  width: 512px;
  margin-top: 30px; }
  #information .tabs ul, #information .tabs li, #house_selection .tabs ul, #house_selection .tabs li {
    padding: 0;
    margin: 0; }
  #information .tabs ul, #house_selection .tabs ul {
    font-size: 13px;
    margin: 0px auto 0 auto;
    width: 512px;
    list-style: none outside none; }
    #information .tabs ul li, #house_selection .tabs ul li {
      float: left;
      padding-bottom: 8px;
      margin-right: 15px;
      height: 28px; }
      #information .tabs ul li a, #house_selection .tabs ul li a {
        float: left;
        color: #333333;
        border: 2px solid #dfe8f3;
        border-bottom: 0px;
        padding: 4px 10px 4px 10px;
        background: #dfe8f3; }
      #information .tabs ul li a:hover, #house_selection .tabs ul li a:hover {
        background: white;
        margin: 0; }
    #information .tabs ul li:hover, #house_selection .tabs ul li:hover {
      cursor: pointer; }
    #information .tabs ul li.active, #house_selection .tabs ul li.active {
      background: white; }
    #information .tabs ul li.active a, #house_selection .tabs ul li.active a {
      background: white;
      margin: 0;
      padding: 4px 10px 4px 15px; }
#information #movie_content, #house_selection #movie_content {
  margin: -2px auto 0 auto;
  width: 512px;
  height: 289px;
  border: 2px solid #dfe8f3;
  padding: 15px;
  padding-bottom: 15px; }
#information .movie_shadow, #house_selection .movie_shadow {
  margin: -1px auto 20px auto;
  width: 512px;
  height: 5px;
  background: url(/images/layout/movie_shadow.png) bottom center no-repeat; }
#information h1, #house_selection h1 {
  color: #0c6c9c;
  margin: 0;
  padding: 0; }

#shadowbox-content {
  position: relative;
  float: left; }
  #shadowbox-content #text {
    height: 350px;
    width: 67%;
    float: left; }
    #shadowbox-content #text .right {
      position: absolute;
      bottom: 0px;
      right: 200px; }
  #shadowbox-content #diamond-container {
    float: left;
    height: 300px;
    width: 23%;
    position: relative;
    margin-top: 50px; }
    #shadowbox-content #diamond-container a#home {
      width: 50px;
      height: 35px;
      position: absolute;
      left: 30px;
      top: 0;
      text-align: center; }
    #shadowbox-content #diamond-container #diamonds {
      position: relative;
      margin-left: 30%;
      margin-top: 10px; }
      #shadowbox-content #diamond-container #diamonds .diamond {
        width: 97px;
        height: 103px;
        position: absolute;
        background: url(/images/layout/diamond_white.png) no-repeat;
        text-align: center; }
        #shadowbox-content #diamond-container #diamonds .diamond a {
          padding-top: 37px;
          height: 100%;
          display: block;
          color: black;
          text-decoration: none; }
        #shadowbox-content #diamond-container #diamonds .diamond a:hover {
          color: white; }
      #shadowbox-content #diamond-container #diamonds .active a {
        color: white; }
      #shadowbox-content #diamond-container #diamonds #policy {
        left: 52px; }
      #shadowbox-content #diamond-container #diamonds #demand {
        top: 52px; }
      #shadowbox-content #diamond-container #diamonds #supply {
        top: 52px;
        left: 104px; }
      #shadowbox-content #diamond-container #diamonds #costs {
        top: 104px;
        left: 52px; }
      #shadowbox-content #diamond-container #diamonds .active {
        background: url(/images/layout/diamond_blue.png) no-repeat;
        color: white; }

#arrow_box {
  position: absolute;
  top: 150px;
  left: 120px;
  width: 117px;
  height: 60px;
  z-index: 4;
  padding-top: 80px;
  background: url(/images/layout/curved_arrow_up_up_right.png) top right no-repeat;
  color: #ee8833;
  font-size: 14px; }

#arrow_box_households {
  position: absolute;
  top: 500px;
  left: 70px;
  width: 117px;
  height: 100px;
  z-index: -1;
  padding-top: 80px;
  background: url(/images/layout/curved_arrow_up.png) no-repeat;
  color: #ee8833;
  font-size: 14px; }

#arrow_box_constraints {
  width: 160px;
  height: 72px;
  z-index: -1;
  margin-left: 300px;
  padding-left: 80px;
  background: url(/images/layout/arrow_constraints.png) no-repeat;
  color: #ee8833;
  font-size: 14px; }

.clear {
  clear: both; }

p.button {
  float: right;
  height: 22px;
  margin: 0px;
  background: #63a1c9;
  border: 1px solid black; }
  p.button a.button, p.button input.button {
    background: none;
    border: 0px;
    text-decoration: none;
    color: white; }

a.button, input.button {
  border: 1px solid black;
  padding: 5px 10px;
  background: #63a1c9;
  text-decoration: none;
  color: white; }

a.button:hover, input.button:hover {
  background: #568cb0; }

input {
  font-family: inherit; }

.intro_text {
  height: 300px; }

.movie_container {
  border: 1px solid #cccccc;
  margin: 0 auto 20px auto;
  width: 450px; }
  .movie_container .movie_title {
    display: block;
    background-color: black;
    color: white;
    padding: 2px 10px; }
  .movie_container a {
    padding: 0 10px 5px 10px; }

#start ul#new_scenario_form, #start ul#existing_scenario_form, #start ul#energy_mixer_desc {
  clear: both;
  float: left;
  display: none;
  width: 304px;
  margin-left: 20px;
  margin-top: 15px; }
  #start ul#new_scenario_form h3, #start ul#existing_scenario_form h3, #start ul#energy_mixer_desc h3 {
    width: 100%; }
  #start ul#new_scenario_form select, #start ul#existing_scenario_form select, #start ul#energy_mixer_desc select {
    margin-top: 5px; }

.busybox {
  position: absolute;
  z-index: 1049;
  color: #666666;
  background-color: white;
  margin: 0;
  padding: 0;
  opacity: 0.5;
  filter: alpha(opacity=95);
  -ms-filter: "alpha(opacity=95)"; }

.ontop {
  position: fixed;
  z-index: 1052; }

#shadowbox-inner {
  padding: 20px 40px 40px 40px;
  float: left; }

#shadowbox-outer {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1003; }

.shadow-bg {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  width: 20px;
  height: 20px;
  z-index: 1001; }

#shadow-bg-n {
  position: absolute;
  float: left;
  top: -20px;
  left: 0;
  width: 100%;
  background-image: url("/images/layout/shadowbox-x.png");
  z-index: 1005; }

#shadow-bg-ne {
  position: absolute;
  top: -20px;
  right: -20px;
  background-image: url("/images/layout/shadowbox.png");
  background-position: -40px -162px;
  z-index: 1001; }

#shadow-bg-e {
  position: absolute;
  top: 0;
  right: -20px;
  height: 100%;
  background-image: url("/images/layout/shadowbox-y.png");
  background-position: -20px 0px;
  z-index: 1001; }

#shadow-bg-se {
  position: absolute;
  bottom: -20px;
  right: -20px;
  background-image: url("/images/layout/shadowbox.png");
  background-position: -40px -182px;
  z-index: 1001; }

#shadow-bg-s {
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100%;
  background-image: url("/images/layout/shadowbox-x.png");
  background-position: 0px -20px;
  z-index: 1001; }

#shadow-bg-sw {
  position: absolute;
  bottom: -20px;
  left: -20px;
  background-image: url("/images/layout/shadowbox.png");
  background-position: -40px -142px;
  z-index: 1001; }

#shadow-bg-w {
  position: absolute;
  top: 0;
  left: -20px;
  height: 100%;
  background-image: url("/images/layout/shadowbox-y.png");
  z-index: 1001; }

#shadow-bg-nw {
  position: absolute;
  top: -20px;
  left: -20px;
  background-image: url("/images/layout/shadowbox.png");
  background-position: -40px -122px;
  z-index: 1001; }

#shadow-bg-arrow-tip {
  position: absolute;
  background-image: url("/images/layout/arrow_tip.png");
  height: 38px;
  width: 71px;
  left: 40px;
  bottom: -33px;
  z-index: 1004; }

a#shadow-bg-close-button {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 34px;
  height: 34px;
  z-index: 1003;
  background: url(/images/layout/close_button.gif) no-repeat center center; }

#blockchart #canvas_container {
  background-color: white;
  height: 300px;
  padding: 10px;
  padding: 1px;
  position: relative;
  width: 90%; }
  #blockchart #canvas_container ul#x-grid {
    position: absolute;
    list-style-type: none;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0; }
    #blockchart #canvas_container ul#x-grid li {
      float: left;
      height: 100%;
      text-align: right;
      background: url(/images/layout/vertical-border.gif) repeat-y right top; }
  #blockchart #canvas_container ul#y-grid {
    width: 100%;
    list-style-type: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%; }
    #blockchart #canvas_container ul#y-grid li {
      width: 100%;
      background: url(/images/layout/horizontal-border.gif) repeat-x left top;
      text-align: right; }
  #blockchart #canvas_container ul#x-axis {
    position: absolute;
    list-style-type: none;
    left: 0px;
    bottom: -20px;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0; }
    #blockchart #canvas_container ul#x-axis li {
      float: left;
      height: 20px;
      text-align: right; }
  #blockchart #canvas_container ul#y-axis {
    list-style-type: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: absolute;
    bottom: 10px;
    left: -30px;
    height: 100%; }
    #blockchart #canvas_container ul#y-axis li {
      width: 100%;
      text-align: right; }
  #blockchart #canvas_container #y-axis-label {
    position: absolute;
    top: 0;
    left: 2px;
    text-indent: -9999px;
    background-image: url(/images/layout/euro_per_mwh_en.gif);
    background-repeat: no-repeat;
    height: 229px;
    width: 14px;
    display: block; }
  #blockchart #canvas_container #x-axis-label {
    position: absolute;
    bottom: -2px;
    right: 0; }
  #blockchart #canvas_container #canvas {
    position: relative;
    height: 100%;
    width: 100%;
    border-left: 1px solid black;
    border-bottom: 1px solid black; }
    #blockchart #canvas_container #canvas .block_container {
      opacity: 0.9;
      position: absolute; }
      #blockchart #canvas_container #canvas .block_container .balloon-tip {
        background: url("/images/layout/balloon-tip.png") bottom left no-repeat;
        position: absolute;
        left: 0;
        bottom: 2px;
        height: 22px;
        width: 28px;
        z-index: 2; }
      #blockchart #canvas_container #canvas .block_container .block {
        border: 1px solid #aaaaaa;
        -moz-border-radius: 3px;
        background-color: white;
        position: absolute;
        bottom: 23px;
        cursor: pointer;
        padding: 2px; }
        #blockchart #canvas_container #canvas .block_container .block .header {
          -moz-border-radius: 3px;
          font-style: italic;
          font-family: Arial;
          font-size: 10px;
          padding: 2px;
          color: white;
          line-height: 0.9em;
          display: block;
          width: 75px; }
        #blockchart #canvas_container #canvas .block_container .block .content {
          height: 0px;
          width: 75px;
          overflow: hidden; }
          #blockchart #canvas_container #canvas .block_container .block .content p, #blockchart #canvas_container #canvas .block_container .block .content a, #blockchart #canvas_container #canvas .block_container .block .content h4 {
            margin: 1px 5px; }
          #blockchart #canvas_container #canvas .block_container .block .content p {
            line-height: 1em; }
    #blockchart #canvas_container #canvas .invisible {
      display: none; }

ul#block_list > li {
  width: 114px; }

ul#block_list {
  list-style-type: none;
  margin: 30px 0 0 20px; }
  ul#block_list li {
    padding: 0 0 0 0;
    float: left; }
    ul#block_list li a {
      text-decoration: none;
      color: black; }
      ul#block_list li a .swatch {
        float: left;
        width: 11px;
        height: 11px;
        margin-top: 2px;
        border: 2px solid white; }
    ul#block_list li a:hover {
      text-decoration: none; }
    ul#block_list li .visible {
      font-weight: bold; }
    ul#block_list li ul {
      position: absolute;
      font-size: 12px;
      list-style-type: none;
      padding: 0 0 0 0;
      margin-left: 0px;
      background-color: white;
      width: 150px;
      border: 1px solid #666666;
      display: none; }
      ul#block_list li ul li {
        position: relative;
        border-bottom: 1px solid #cccccc;
        display: block;
        width: 150px; }
        ul#block_list li ul li a {
          padding: 5px;
          text-decoration: none; }
        ul#block_list li ul li a:hover {
          text-decoration: none;
          color: white; }
      ul#block_list li ul li:hover {
        background-color: #63a1c9; }
        ul#block_list li ul li:hover a {
          color: white; }

#charts_container .coal {
  background-color: #333333; }
#charts_container .wind {
  background-color: #63a1c9; }
#charts_container .gas {
  background-color: #cccccc; }
#charts_container .water {
  background-color: #416b86; }
#charts_container .nuclear {
  background-color: #e07033; }
#charts_container .co-firing {
  background-color: #90b93e; }
#charts_container .oil {
  background-color: #854321; }
#charts_container .geothermal {
  background-color: #ba7d40; }
#charts_container .solar {
  background-color: #adde4c; }
#charts_container .bio {
  background-color: #5e7929; }
#charts_container .waste {
  background-color: #394c19; }

#partners {
  margin-top: 30px;
  position: relative;
  float: left;
  padding-bottom: 90px; }
  #partners .content {
    display: none;
    position: absolute;
    padding: 0 10px;
    top: 0;
    left: 0;
    line-height: 1.2em;
    width: 250px;
    padding: 20px;
    opacity: 0.9;
    background: white;
    color: black;
    border: 1px solid #999999; }
  #partners .content:first-letter {
    font-size: 2.8em;
    font-weight: bold;
    float: left;
    line-height: 0.8em;
    margin-right: 0.1em; }
  #partners .partner_container {
    float: left;
    position: relative;
    width: 24%;
    height: 85px; }
    #partners .partner_container a {
      float: left;
      width: 223px;
      height: 67px;
      padding: 12px 3px 7px 3px;
      text-decoration: none; }
      #partners .partner_container a .header {
        margin-top: 0px;
        text-align: center;
        background-image: url(/images/layout/partner_logo_bg.png);
        background-repeat: no-repeat;
        background-position: center bottom;
        padding-bottom: 2px; }
    #partners .partner_container a:hover {
      background-color: #75abc7; }

#partner ul.links {
  float: right;
  list-style-type: none; }
  #partner ul.links li {
    padding-left: 30px;
    background: url(/images/layout/li_arrow.png) no-repeat left center; }
#partner h1 {
  text-indent: -9999px;
  height: 60px;
  text-align: center;
  background-position: center center;
  background-repeat: no-repeat; }
#partner h5 {
  clear: both;
  margin: 5px 0;
  font-size: 18px;
  padding-left: 1em;
  color: #010000;
  background: url(/images/layout/square_blue_12px.gif) no-repeat center left;
  font-family: Georgia, "Times New Roman", Times, serif; }
#partner .image_left {
  float: left;
  margin: 10px 10px 10px 0; }
#partner .image_right {
  float: right;
  margin: 10px 0 10px 10px; }
#partner .image_right img, #partner .image_left img {
  width: 100px;
  height: 100px; }

#partner .header {
  text-align: center;
  background: url(/images/layout/partner_logo_bg.png) no-repeat bottom center;
  padding-bottom: 2px; }

.topnav {
  font-size: 11px;
  line-height: 23px;
  text-align: right;
  position: absolute;
  z-index: 2001; }

a.signin, a.settings, a.information, a.signout {
  padding: 4px 10px 6px;
  text-decoration: none;
  color: white;
  border-radius: 4px; }

a.signin:hover, a.settings:hover, a.information:hover {
  padding: 4px 10px 6px; }

a.signin, #topnav a.signin:hover, a.settings, #topnav a.settings:hover, #topnav a.information:hover {
  background-position: 0 3px !important; }

a.signin, a.settings, a.information {
  position: relative;
  margin-left: 1px; }
  a.signin span, a.settings span, a.information span {
    background-image: url("/images/header/toggle_down_light.png");
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding: 4px 16px 6px 0; }

.topnav a.menu-open {
  background: #ddeef6 !important;
  color: #666666 !important;
  outline: none; }

#small_signup {
  display: inline;
  float: none;
  line-height: 23px;
  margin: 25px 0 0;
  width: 170px; }

a.signin.menu-open span, a.settings.menu-open span, a.information.menu-open span {
  background-image: url("/images/header/toggle_up_dark.png"); }

.header_menu {
  position: absolute;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  display: none;
  background-color: white;
  width: 210px;
  z-index: 2002;
  border: 1px solid #dfe8f3;
  text-align: left;
  padding: 12px;
  top: 59px;
  margin-top: 5px;
  margin-right: 0px;
  *margin-right: -1px;
  font-size: 13px;
  overflow: hidden; }
  .header_menu li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    clear: both;
    float: left;
    display: block;
    width: 190px; }
    .header_menu li a {
      display: block;
      width: 100%;
      text-decoration: none; }
    .header_menu li a:hover {
      text-decoration: underline; }

#signin_menu {
  right: 200px; }
  #signin_menu input[type=text], #signin_menu #signin_menu input[type=password] {
    display: block; }

#settings_menu {
  right: 280px; }
  #settings_menu div, #settings_menu form {
    float: right; }
  #settings_menu form#toggle_track_peak_load {
    float: left; }

#information_menu {
  right: 372px; }

#signin_menu input[type=text], #signin_menu input[type=password] {
  display: block;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #aaccee;
  font-size: 13px;
  margin: 0 0 5px;
  padding: 5px;
  width: 203px; }
  #signin_menu input[type=text] p, #signin_menu input[type=password] p {
    margin: 0; }
    #signin_menu input[type=text] p .remember, #signin_menu input[type=password] p .remember {
      padding: 10px 0; }
    #signin_menu input[type=text] p .forgot, #signin_menu input[type=text] p .complete, #signin_menu input[type=password] p .forgot, #signin_menu input[type=password] p .complete {
      clear: both;
      margin: 5px 0; }
    #signin_menu input[type=text] p a, #signin_menu input[type=password] p a {
      color: #2277bb !important; }
  #signin_menu input[type=text] a, #signin_menu input[type=password] a {
    color: #66aacc; }
  #signin_menu input[type=text] label, #signin_menu input[type=password] label {
    font-weight: normal; }

#signin_submit {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: #3399dd url("/images/header/bg-btn-blue.png") repeat-x scroll 0 0;
  border: 1px solid #3399dd;
  color: white;
  text-shadow: 0 -1px 0 #3399dd;
  padding: 4px 10px 5px;
  font-size: 11px;
  margin: 0 5px 0 0;
  font-weight: bold; }

#signin_submit {
  padding: 0;
  border: 0; }

#signin_submit:hover, #signin_submit:focus {
  background-position: 0 -5px;
  cursor: pointer; }

.tipsy-inner {
  padding: 10px 15px;
  line-height: 1.5em;
  font-weight: bold; }

.tipsy {
  opacity: 0.8;
  filter: alpha(opacity=80);
  background-repeat: no-repeat;
  padding: 5px; }

.tipsy-inner {
  padding: 8px 8px;
  max-width: 200px;
  font: 11px "Lucida Grande", sans-serif;
  font-weight: bold;
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: black;
  color: white;
  text-align: left; }

.tipsy-north {
  background-image: url(/images/header/tipsy-north.gif);
  background-position: top center; }

.tipsy-south {
  background-image: url(/images/header/tipsy-south.gif);
  background-position: bottom center; }

.tipsy-east {
  background-image: url(/images/header/tipsy-east.gif);
  background-position: right center; }

.tipsy-west {
  background-image: url(/images/header/tipsy-west.gif);
  background-position: left center; }

.information_page {
  width: 600px;
  margin: auto; }
  .information_page .left {
    float: left; }
  .information_page .right {
    float: right; }
  .information_page li {
    margin-left: 20px; }
  .information_page h3 {
    clear: both;
    border-bottom: 1px dotted black;
    margin-bottom: 10px;
    margin-top: 10px; }
  .information_page div {
    clear: both; }
  .information_page .image {
    background: url("/images/layout/picture_shadow.png") no-repeat scroll right bottom transparent;
    margin: 6px;
    padding: 0 14px 14px;
    width: 150px; }
  .information_page table {
    margin: 20px;
    width: 90%; }
    .information_page table tr {
      margin-bottom: 5px; }
    .information_page table td {
      padding: 0 5px 1px 5px;
      line-height: 2em; }
    .information_page table tr.even {
      background-color: #f0f0f0; }

#house_selection {
  float: left;
  height: 680px;
  width: 770px;
  padding: 20px;
  overflow-x: hidden;
  overflow-y: auto; }
  #house_selection h1 {
    margin-top: 10px;
    margin-bottom: 5px; }
  #house_selection h2 {
    float: left;
    clear: both;
    display: block;
    margin: 0px;
    padding: 0px;
    font-size: 9pt; }
  #house_selection div.tabs {
    float: left;
    width: 750px;
    margin-top: 0px; }
    #house_selection div.tabs ul {
      margin: 0 0 -2px 0; }
    #house_selection div.tabs ul li {
      padding-bottom: -1px; }
  #house_selection div.content {
    float: left;
    clear: both;
    height: 620px;
    width: 730px;
    margin: -2 auto 0 auto;
    border: 2px solid #dfe8f3;
    padding: 0px 15px 15px 15px;
    overflow: hidden; }
    #house_selection div.content .left_block {
      margin-right: 10px; }
    #house_selection div.content .left_block, #house_selection div.content .right_block {
      border: 2px solid #dfe8f3;
      width: 355px;
      height: 395px;
      float: left;
      margin-top: 15px;
      margin-bottom: 10px; }
      #house_selection div.content .left_block div, #house_selection div.content .right_block div {
        width: 330px;
        padding: 0 10px;
        float: left; }
    #house_selection div.content .bottom {
      background: url(/images/layout/flat_arrow.png) 50% top no-repeat;
      width: 705px;
      padding: 10px;
      float: left;
      clear: both;
      border: 2px solid #dfe8f3;
      margin-right: 15px; }
      #house_selection div.content .bottom p {
        float: left;
        clear: both;
        width: 100%; }
      #house_selection div.content .bottom div {
        float: left;
        width: 350px; }
        #house_selection div.content .bottom div p {
          display: block; }
      #house_selection div.content .bottom h1 {
        padding: 0px;
        margin-top: 0px; }
    #house_selection div.content .pick_label {
      float: left;
      height: 70px;
      width: 700px;
      margin-top: -10px; }
      #house_selection div.content .pick_label li:hover {
        color: black;
        cursor: pointer; }
      #house_selection div.content .pick_label small {
        font-size: 12pt; }
      #house_selection div.content .pick_label li {
        float: left;
        width: 50px;
        height: 30px;
        padding-top: 40px;
        margin: 0 15px;
        list-style: none;
        color: white;
        font-size: 16pt;
        text-align: center; }
      #house_selection div.content .pick_label li#label_aaa {
        background: url(../images/layout/label_aaa.png) no-repeat top; }
      #house_selection div.content .pick_label li#label_aa {
        background: url(../images/layout/label_aa.png) no-repeat top; }
      #house_selection div.content .pick_label li#label_a {
        background: url(../images/layout/label_a.png) no-repeat top; }
      #house_selection div.content .pick_label li#label_b {
        background: url(../images/layout/label_b.png) no-repeat top; }
      #house_selection div.content .pick_label li#label_c {
        background: url(../images/layout/label_c.png) no-repeat top; }
      #house_selection div.content .pick_label li#label_d {
        background: url(../images/layout/label_d.png) no-repeat top; }
      #house_selection div.content .pick_label li#label_e {
        background: url(../images/layout/label_e.png) no-repeat top; }
    #house_selection div.content li {
      list-style: none; }
  #house_selection div.label_description_wrapper {
    float: left;
    clear: both;
    height: 415px;
    width: 692px;
    margin: 0 auto;
    border: 2px solid #dfe8f3;
    padding: 15px; }
    #house_selection div.label_description_wrapper div.label_description {
      height: 415px;
      width: 692px; }
    #house_selection div.label_description_wrapper div.button {
      clear: both;
      padding: 5px 10px;
      margin-top: 40px; }
  #house_selection div.button {
    float: left;
    background: none repeat scroll 0 0 #63a1c9;
    border: 1px solid black;
    padding: 5px 10px;
    margin-top: 50px;
    margin-right: 10px; }
    #house_selection div.button a {
      font-size: 13pt;
      color: white;
      text-decoration: none;
      margin: auto; }
  #house_selection div.new_button {
    margin-top: 9px;
    margin-right: 2px; }
  #house_selection div.label_aaa {
    background: url(../images/layout/big_label_aaa.png) no-repeat bottom right; }
  #house_selection div.label_aa {
    background: url(../images/layout/big_label_aa.png) no-repeat bottom right; }
  #house_selection div.label_a {
    background: url(../images/layout/big_label_a.png) no-repeat bottom right; }
  #house_selection div.label_b {
    background: url(../images/layout/big_label_b.png) no-repeat bottom right; }
  #house_selection div.label_c {
    background: url(../images/layout/big_label_c.png) no-repeat bottom right; }
  #house_selection div.label_d {
    background: url(../images/layout/big_label_d.png) no-repeat bottom right; }
  #house_selection div.label_e {
    background: url(../images/layout/big_label_e.png) no-repeat bottom right; }
  #house_selection div p {
    float: left;
    clear: both;
    margin-top: 0px;
    margin-bottom: 5px; }

#house_selection div.content .middle h2 {
  margin-top: 5px;
  margin-bottom: 3px; }

#page_wrapper {
  margin: auto;
  width: 860px; }

.left_wrapper {
  float: left;
  width: 610px; }

.clips {
  float: left;
  width: 250px; }
  .clips a {
    text-decoration: none;
    display: block;
    padding: 5px 10px;
    margin-right: 10px;
    border: 1px solid #cccccc;
    border-top: none;
    /*  color: #0000EE; */ }
    .clips a.playing, .clips a.paused {
      background-color: #63a0c9;
      color: white; }
    .clips a.playing span.function, .clips a.playing span.company {
      color: white; }
    .clips a.paused span.function, .clips a.paused span.company {
      color: white; }
    .clips a.first {
      border-top: 1px solid #cccccc; }
    .clips a span {
      display: block;
      line-height: 1.3em; }
      .clips a span.name {
        font-weight: bold; }
      .clips a span.company {
        color: #666666; }

.playerWrapper {
  float: left; }

.player {
  float: left;
  width: 600px;
  height: 364px;
  text-align: center; }
  .player img {
    margin-top: 115px; }

#content .clips h6 {
  margin: 0;
  padding: 0; }

#psContainer {
  float: left;
  clear: both;
  width: 600px; }
  #psContainer .header {
    padding-top: 10px;
    background: url("/images/layout/partner_logo_bg.png") no-repeat scroll center bottom transparent;
    padding-bottom: 2px;
    text-align: center; }
  #psContainer #ps {
    margin: 10px 0;
    line-height: 1.5em;
    padding: 10px;
    background-color: #f5f5f5; }

#descriptionContainer {
  display: none; }

.slider-row, .new-input-slider, .valuees {
  position: relative; }

.valuees div.slider {
  float: left;
  width: 100%;
  display: block; }

.new-input-slider {
  z-index: 10; }
  .new-input-slider .slider-row {
    min-height: 22px;
    overflow: hidden; }
  .new-input-slider label, .new-input-slider .sublabel, .new-input-slider .reset, .new-input-slider .decrease, .new-input-slider .quinn, .new-input-slider .increase, .new-input-slider .output, .new-input-slider .show-info, .new-input-slider .prediction {
    display: block;
    float: left;
    text-align: left;
    min-height: 22px;
    margin-bottom: 5px; }
  .new-input-slider label {
    line-height: 15px;
    width: 127px; }
  .new-input-slider .slider-controls {
    float: right; }
  .new-input-slider .quinn {
    width: 120px; }
  .new-input-slider .sublabel {
    font-size: 10px;
    color: #666666;
    background: white;
    position: absolute;
    right: 260px; }
  .new-input-slider .prediction {
    background: url(/images/icons/expert.png) no-repeat;
    background-position: top right;
    width: 24px;
    min-height: 22px;
    position: absolute;
    right: 290px; }
  .new-input-slider .prediction:hover {
    background-position: top left; }
  .new-input-slider .reset, .new-input-slider .decrease, .new-input-slider .increase, .new-input-slider .show-info {
    background: url(/images/slider/buttons.png) no-repeat;
    cursor: pointer;
    margin-left: 4px;
    width: 20px; }
  .new-input-slider .reset {
    background-position: 0px 2px;
    margin-left: 0;
    min-height: 21px;
    width: 21px; }
    .new-input-slider .reset:hover {
      background-position: 0px -28px; }
    .new-input-slider .reset:active {
      background-position: 0px -58px; }
    .new-input-slider .reset.disabled {
      background-position: 0px -88px;
      cursor: default; }
  .new-input-slider .decrease {
    background-position: -30px 2px; }
    .new-input-slider .decrease:hover {
      background-position: -30px -28px; }
    .new-input-slider .decrease:active {
      background-position: -30px -58px; }
    .new-input-slider .decrease.disabled {
      background-position: -30px -88px;
      cursor: default; }
  .new-input-slider .increase {
    background-position: -60px 2px;
    margin-left: 0;
    margin-right: 5px; }
    .new-input-slider .increase:hover {
      background-position: -60px -28px; }
    .new-input-slider .increase:active {
      background-position: -60px -58px; }
    .new-input-slider .increase.disabled {
      background-position: -60px -88px;
      cursor: default; }
  .new-input-slider .show-info {
    background-position: -90px 2px; }
    .new-input-slider .show-info:hover {
      background-position: -90px -28px; }
    .new-input-slider .show-info:active {
      background-position: -90px -58px; }
    .new-input-slider .show-info.disabled {
      background-position: -90px -88px;
      cursor: default; }
  .new-input-slider .output {
    text-align: right;
    width: 73px; }
  .new-input-slider .info-wrap {
    border: 1px solid white;
    display: none;
    margin: -1px; }
  .new-input-slider .info {
    background: #eeeeee;
    clear: both;
    float: left;
    font-size: 12px;
    line-height: 18px;
    margin: 5px 0 20px;
    padding: 12px 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }
  .new-input-slider.info-box-visible .show-info {
    background-position: -120px 2px; }
    .new-input-slider.info-box-visible .show-info:hover {
      background-position: -120px -28px; }
    .new-input-slider.info-box-visible .show-info:active {
      background-position: -120px -58px; }
    .new-input-slider.info-box-visible .show-info.disabled {
      background-position: -120px -88px;
      cursor: default; }
  .new-input-slider label, .new-input-slider .output {
    font-size: 12px;
    padding-top: 1px;
    min-height: 21px; }
  .new-input-slider .reset, .new-input-slider .decrease, .new-input-slider .increase {
    visibility: hidden; }
  .new-input-slider .slider-row:hover .reset, .new-input-slider .slider-row:hover .decrease, .new-input-slider .slider-row:hover .increase {
    visibility: visible; }
  .new-input-slider .slider-row:hover .sublabel {
    display: none; }
  .new-input-slider .value-selector {
    border: 1px solid #bbbbbb;
    border-top-color: #cccccc;
    border-bottom-color: #aaaaaa;
    background: #f0f0f0;
    background: -webkit-linear-gradient(white, #f0f0f0);
    background: -moz-linear-gradient(white, #f0f0f0);
    background: -o-linear-gradient(white, #f0f0f0);
    display: none;
    top: -27px;
    right: 5px;
    line-height: 1;
    padding: 20px;
    position: absolute;
    z-index: 5000;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
    .new-input-slider .value-selector form {
      background: white;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      border: 1px solid #cccccc;
      border-top-color: #bbbbbb;
      -moz-box-shadow: inset 0 1px 1px #dddddd, 0 1px 0 white;
      -webkit-box-shadow: inset 0 1px 1px #dddddd, 0 1px 0 white;
      box-shadow: inset 0 1px 1px #dddddd, 0 1px 0 white;
      height: 27px; }
    .new-input-slider .value-selector input, .new-input-slider .value-selector select, .new-input-slider .value-selector button, .new-input-slider .value-selector .conversion {
      float: left;
      line-height: 1; }
    .new-input-slider .value-selector input {
      background: transparent;
      border: none;
      font-size: 12px;
      margin: 0;
      padding: 6px 12px 6px 5px;
      text-align: right;
      width: 100px; }
      .new-input-slider .value-selector input:focus {
        outline: none; }
      .new-input-slider .value-selector input:disabled {
        color: #999999;
        -webkit-text-fill-color: #999999; }
    .new-input-slider .value-selector select {
      background: transparent;
      border: none;
      display: none; }
    .new-input-slider .value-selector .conversion {
      background: url(/images/slider/vselect-drop.png) right 11px no-repeat;
      cursor: pointer;
      color: #777777;
      font-size: 12px;
      margin-left: -9px;
      margin-right: 12px;
      padding: 7px 12px 6px 0;
      position: relative;
      text-transform: uppercase;
      overflow: hidden; }
      .new-input-slider .value-selector .conversion:hover {
        background: url(/images/slider/vselect-drop.png) right -39px no-repeat;
        color: #444444; }
      .new-input-slider .value-selector .conversion select {
        cursor: pointer;
        display: inline;
        position: absolute;
        margin: 5px 0 0 0;
        top: 0;
        left: -50%;
        opacity: 0;
        filter: alpha(opacity=0); }
    .new-input-slider .value-selector button {
      border: 1px solid #4a7b9e;
      border-bottom-color: #3c6582;
      -moz-border-top-right-radius: 3px;
      -moz-border-bottom-right-radius: 3px;
      -webkit-border-top-right-radius: 3px;
      -webkit-border-bottom-right-radius: 3px;
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px;
      background: #649ec6;
      background: -webkit-linear-gradient(#7eb9e0, #518ab4);
      background: -moz-linear-gradient(#7eb9e0, #518ab4);
      background: -o-linear-gradient(#7eb9e0, #518ab4);
      -moz-box-shadow: inset 0 1px 0 #6fadda;
      -webkit-box-shadow: inset 0 1px 0 #6fadda;
      box-shadow: inset 0 1px 0 #6fadda;
      color: white;
      cursor: pointer;
      font-size: 11px;
      text-shadow: 0 -1px 0 #3c6582;
      text-transform: uppercase;
      line-height: 14px;
      margin: -1px;
      padding: 7px 10px 6px; }
      .new-input-slider .value-selector button::-moz-focus-inner {
        border: 0;
        padding: 0; }
      .new-input-slider .value-selector button:active {
        border-color: #3c6582;
        background: #467da9;
        background: -webkit-linear-gradient(#71afdb, #467da9);
        background: -moz-linear-gradient(#71afdb, #467da9);
        background: -o-linear-gradient(#71afdb, #467da9);
        -moz-box-shadow: inset 0 3px 6px #48789a;
        -webkit-box-shadow: inset 0 3px 6px #48789a;
        box-shadow: inset 0 3px 6px #48789a; }