/* Carry over from global_climate_dashboard.css */
div.block-global-climate-dashboard div.content {margin-top:10px}
.ui-widget {
	font-family: Arial,Helvetica,sans-serif
}
/**********************************************************************************/
/* dashboard.css                                                                  */
/**********************************************************************************/
.dashboard-displaynone {
  display: none
}
.dashboard sup {
  vertical-align: super;
  font-size: .75em;
  line-height: 100%
}
.dashboard sub {
  vertical-align: sub;
  font-size: .75em;
  line-height: 100%
}
.dashboard {
  position: relative;
  width: 940px;
  height: 570px;
  background: #5a5b5b;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-family: Arial,Helvetica,sans-serif;
  -webkit-font-smoothing: antialiased;
}
.dashboard-title {
  position: absolute;
  top: 16px;
  left: 11px;
  color: #fff;
  font-weight:700;
  font-style:normal;
  font-size: 20pt;
  font-family: 'Cabin', Georgia, 'Times New Roman', serif
}
.dashboard-tab-buttons {
  position: absolute;
  width: 575px;
  height: 40px;
  top: 5px;
  left: 350px;
  padding-left: 7px
}
.dashboard-tab-button.ui-button span.ui-button-text {
  line-height: 1;
  font-size: 11pt
}
.dashboard-tab-button {
  width: 185px;
  margin-left: 3px;
  margin-right: 3px;
  margin-top: 5px
}
.dashboard-tab-button .ui-button-text {
   margin-left: 10px
}
.dashboard-tab-button.ui-button {
  background: none;
  border: none;
  color: #fff
}
.dashboard-tab-button.ui-button.ui-state-default {
  background: #8a8c8e url("assets/triangle-8a8c8e-e.png") no-repeat 5px 5px
}
.dashboard-tab-button.ui-button.ui-state-hover {
  background: #232020 url("assets/triangle-232020-e.png") no-repeat 5px 5px
}
.dashboard-tab-button.ui-button.ui-state-default.dashboard-button-selected {
  background: #232020 url("assets/triangle-232020-s.png") no-repeat 5px 5px
}
.dashboard-tabs {
  position: absolute;
  width: 100%;
  height: auto;
  top: 50px;
  left: 0
}
.dashboard-graph-container {
  margin-bottom: 5px
}
/**********************************************************************************/
/* dashboard-graph.css                                                            */
/**********************************************************************************/
.dashboard-tab-graphslot {
  margin-bottom: 8px
}
.dashboard-graph {
    position: relative;
    left: 10px;
    width: 920px;
    height: 110px;
    background-color: #232020;
    /*border-radius:10px;
    -moz-border-radius:10px*/
}
.dashboard-singleslot-tab .dashboard-graph {
   height: 455px
}
.dashboard-graph-title {
  position: absolute;
  left: 8px;
  top: 5px;
  color: #fff;
  font-size: 12pt;
  font-weight:700;
  font-style:normal;
  font-family:'Cabin',Georgia,'Times New Roman',serif
}
.dashboard-graph-description {
  position: absolute;
  left: 8px;
  top: 30px;
  width: 330px;
  height: 70px;
  color: #ccc;
  font-size: 10pt
}
.dashboard-graph-legend {
  position: absolute;
  left: 8px;
  top: 30px;
  width: 340px;
  height: 375px
}
.dashboard-graph-legend-title {
  position: absolute;
  top: 25px;
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #fff
}
.dashboard-graph-legend-text {
  position: absolute;
  bottom: 0px;
  padding-left: 15px;
  padding-right: 15px;
  color: #888;
  font-size: 11pt
}
.dashboard-graph-legend-content {
  position: absolute;
  top: 75px;
  left: 80px
}
.dashboard-graph-legend-content table {
  border-radius:5px;
  -moz-border-radius:5px;
  background-color: #fff;
  font-size: 10pt;
  padding: 5px
}
.dashboard-graph-link {
  position: absolute;
  left: 250px;
  top: 88px;
  color: #ccc !important;
  width: 100px;
  font-size: 11pt;
  font-style:italic;
  font-family:'Cabin',Gerogia,'Times New Roman',serif;
  font-weight:500;
  text-transform:lowercase;
}
.dashboard-graph-link a,
.dashboard-graph-link a:link,
.context-data .dashboard a,
.context-data .dashboard a:link {
  color: #ccc !important;
  text-decoration: none
}
.dashboard-graph-link a:hover,
.context-data .dashboard-graph-link a:hover {
  color: #fff !important
}
.dashboard-singleslot-graph-link {
  top: 430px
}
.dashboard-graph-multigraph-wrapper {
    position: absolute;
    right: 5px;
    top: 3px;
    width: 560px;
    height: 104px
}
.dashboard-graph-multigraph {
    width: 560px;
    height: 104px
}
/**********************************************************************************/
/* dashboard-timeline.css                                                         */
/**********************************************************************************/
.dashboard-timeline {
    position: relative;
    margin-bottom: 5px;
    left: 10px;
    width: 920px;
    height: 20px;
    border-radius:10px;
    -moz-border-radius:10px
}
.dashboard-timeline-multigraph-wrapper {
    position: absolute;
    right: 3px;
    top: 3px;
    width: 560px;
    height: 20px
}
.dashboard-timeline-multigraph {
    width: 560px;
    height: 30px
}

/**********************************************************************************/
/* dashboard-timeslider.css                                                       */
/**********************************************************************************/
.dashboard-timeslider-wrapper {
    position: relative;
    left: 10px;
    width: 920px;
    height: 20px;
    border-radius:10px;
    -moz-border-radius:10px
}
.dashboard-timeslider {
    position: absolute;
    right: 5px;
    top: 3px;
    width: 560px;
    height: 20px
}
.ui-slider .ui-slider-handle {
  width: 3px;
  margin-left: 0;
  top: 0;
  height: 20px;
  background: #f6a828;
  border: none;
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8
}
.ui-slider .ui-slider-handle:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1
}
/* Repositioned the arrows */
.dashboard-timeslider .label.earlier img {
	position:absolute;
	top:6px;
	left:-15px
}
.dashboard-timeslider .label.later img {
        position:absolute;
        top:6px;
        right:-15px
}
.dashboard-timeslider .ui-widget-header {
  background: none
}
.dashboard-timeslider .ui-slider-range {
  background-color: #f6a828;
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3
}
.dashboard-timeslider .ui-slider-range:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5
}
div.dashboard-timeslider.ui-slider.ui-widget-content {
  border: none;
  background: none;
  background-color: #232020
}
.dashboard-timeslider-earlier {
  position: absolute;
  left: 5px;
  top: 2px;
  color: #fff;
  font-size: 8pt;
  font-weight: normal
}
.dashboard-timeslider .label {
  position: absolute
}
.dashboard-timeslider .text {
  color: #fff;
  font-size: 8pt;
  font-weight: normal
}
.dashboard-timeslider .label.earlier {
  left: 100px;
  top: 0
}
.dashboard-timeslider .label.later {
  left: 400px;
  top: 0
}
.dashboard-timeslider .label.earlier .text {
  margin-left: 5px
}
.dashboard-timeslider .label.later .text {
  margin-right: 5px
}
/**********************************************************************************/
/* dashboard-tab.css                                                              */
/**********************************************************************************/
.dashboard-tab-graphbuttons {
  position: relative;
  margin-top: 10px;
  margin-bottom: 5px;
  margin-left: 6px;
  margin-right: 5px;
  padding-left: 5px;
  padding-right: 5px;
  width: auto;
  height: auto
}
.dashboard-graph-button {
  width: 295px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px
}

.dashboard-graph-button.ui-button span.ui-button-text {
  line-height: 1.2;
  font-size: 11pt
}
.dashboard-graph-button.ui-widget {
  background: none;
  border: none;
  color: #fff
}
.dashboard-graph-button.ui-widget.ui-state-default {
  background: #8a8c8e url("assets/triangle-8a8c8e-e.png") no-repeat 5px 5px
}
.dashboard-graph-button.ui-widget.ui-state-hover {
  background: #232020 url("assets/triangle-232020-e.png") no-repeat 5px 5px
}
.dashboard-graph-button.ui-widget.ui-state-default.dashboard-button-selected {
  background: #232020 url("assets/triangle-232020-n.png") no-repeat 5px 5px
}
.dashboard-tab-timeregion {
  position: relative
}
.dashboard-tab-messagearea {
  position: absolute;
  top: 5px;
  left: 120px;
  color: #fff;
  width: 230px;
  height: 40px;
  text-shadow:1px 1px 1px #000
}
