/* CSS Document */
@import url("../../../emp/components/css/common.css");
/*@import url("common.css");*/

/* Style for tabel header, statistics footer and report content  */
#timeValuesContent td.timeValuesTableWeekDay, th.timeValuesStatisticsCategory, #timeValuesContentMap td.timeValuesTableWeekDay, th.timeValuesStatisticsCategory, #timeSeriesInfoContent, .timeValuesTable thead  {

  font-size: 0.7em !important;
}


/* available selector for the Timeseries module */
/*
.intervalButton {}

.timeSeriesInfoLabel {}

.timeValuesTable {}


tbody th.timeValuesTableHour {}
tbody th.timeValuesTableMonth {}

.timeValuesTableDayHour {}
.timeValuesTableDayValue {}
*/
td.timeValuesTableWeekDay {
text-align:right;
}
/*
.timeValuesTableWeekHour {}
.timeSeriesInfoContent {}
.timeValuesTableMonthDate {}
.timeValuesTableMonthSum {}
.timeValuesTableMonthMaxHour {}
.timeValuesTableMonthMax {}

.timeValuesTableYearMonth {}
.timeValuesTableYearSum {}
.timeValuesTableYearMaxHour {}
.timeValuesTableYearMaxValue {}
.timeValuesTableYearAccuMonth {}
.timeValuesTableYearSumQ {}

.firstMonthOfQ {}
.lastMonthOfQ {}

.timeValuesTablePeriodDate {}
.timeValuesTablePeriodSum {}
.timeValuesTablePeriodMaxHour {}
.timeValuesTablePeriodMax {}

.timeValuesStatistics {}
.timeValuesGraphStatistics {}

tr.timeValuesStatisticsSum {}
tr.timeValuesStatisticsMaxTime {}
tr.timeValuesStatisticsMaxHour {}

th.timeValuesStatisticsCategory {}
timeValuesTableHeading{}
th.timeValuesStatisticsMaxValueName {}
th.timeValuesStatisticsMaxDate {}
th.timeValuesStatisticsMaxValue {}
th.timeValuesStatisticsMaxHour {}

table.timeValuesStatistics tbody td.timeValuesStatisticsMaxValueName {}

th.timeValuesStatisticsDayTime {}
th.timeValuesStatisticsDayConsumption {}

th.timeValuesGraphStatisticsYearMonth {}

img.timeValuesGraph {}

div#searchTimeValuesMenu {}

div#searchTimeValuesMenuMap {}

ul#timeSeriesIntervalNavigator {}
li#timeSeriesIntervalNavigatorPrevious {}
table#timeValuesProperties {}

form#timeValuesSearchForm {}
*/
/*firefox hack - used in timeSeriesList
fieldset#timeSerieSelectSpec {
  width: 100%;
  margin-bottom: 0.6em;
  position:static;*/
/*	padding-left:-8em;
	position:absolute;
	left:10px;
	top:100px;*/
}
/*
select#selectedTimeSerieIds {}
select#presentationType {}

fieldset#intervalSelection {}
fieldset#intervalDayFields {}
fieldset#intervalWeekFields {}
fieldset#intervalMonthFields {}
fieldset#intervalYearFields {}
fieldset#intervalPeriodFields {}
fieldset#intervalWeeksFields {}
fieldset#submitFields {}

div#timeValuesContent {}
div#timeValuesContentMap {}

table#timeSeriesInfo {}

table#timeValuesTableDay {}
table#timeValuesTableWeek {}
table#timeValuesTableMonth {}
table#timeValuesTableYear {}
table#timeValuesTablePeriod {}

table#timeValuesStatisticsWeek {}
table#timeValuesStatisticsDay {}
table#timeValuesStatisticsMonth {}
table#timeValuesStatisticsYear {}
table#timeValuesStatisticsPeriod {}

ul#presentationFormatMenu {}
/**/

/* appearance of the Timeseries module menu - layout tasks */
div#searchTimeValuesMenu {
 width: 230px;   /*when changing this, please check the margin-left in div#timeValuesContent */
 height: 100%;
 font-size: 0.90em;

}

div#timeValuesContent {
  margin-left: 247px;  /*margin set according to width of div#searchTimeValuesMenu */
 height:100%;
 /*overflow: auto;*/

}

/* appearance of the Map module menu - layout tasks */
div#searchTimeValuesMenuMap {
/* width: 230px; */  /*when changing this, please check the margin-left in div#timeValuesContentMap */
 width: 180px;   /*when changing this, please check the margin-left in div#timeValuesContentMap */
 height: 100%;
 font-size: 0.90em;

}

div#timeValuesContentMap {
/*  margin-left: 252px; */ /*margin set according to width of div#searchTimeValuesMenuMap */
  margin-left: 197px;  /*margin set according to width of div#searchTimeValuesMenuMap */
 height:100%;
 /*overflow: auto;*/

}



form#timeValuesSearchForm fieldset {
  clear: both;
}
/* end of layout-affecting selectors */

/* sets the appearance of the drop-down menus in the Timeseries module menu */
div#searchTimeValuesMenu fieldset.timeSerieSelect select {
  width: 100%;

  margin-bottom: 0.6em;
}

/* sets the appearance of the drop-down menus in the TMap module menu */
div#searchTimeValuesMenuMap fieldset.timeSerieSelect select {
  width: 100%;

  margin-bottom: 0.6em;
}

/* sets the appearance of the drop-down menus in the Timeseries module menu */
div#searchTimeValuesMenu fieldset.timeSerieSelectDropDown select {
  width: 100%;
  /*width:21.5em;*/
  font-size: 1.0em !important;
  margin-bottom: 0.6em;
}

/* sets the appearance of the drop-down menus in the Map module menu */
div#searchTimeValuesMenuMap fieldset.timeSerieSelectDropDown select {
  width: 100%;
  /*width:21.5em;*/
  font-size: 1.0em !important;
  margin-bottom: 0.6em;
}

#timeseriesQuickSearchFields {
   margin: 0.6em 0 0 0;
}

#timeseriesQuickSearch {
   width:10.5em;
}

/* sets the font weight of the labels of the drop-down menus in the Timeseries module menu */
div#searchTimeValuesMenu fieldset.timeSerieSelect label, #timeseriesQuickSearchLabel {
  font-weight: bold;
}

/* sets the font weight of the labels of the drop-down menus in the Map module menu */
div#searchTimeValuesMenuMap fieldset.timeSerieSelect label, #timeseriesQuickSearchLabel {
  font-weight: bold;
}

/* sets the background of labels in the Timeseries module menu */
div#searchTimeValuesMenu fieldset#intervalSelection .intervalButton {
  display: block;
  background-color: #EEEEEE;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}

/* sets the background of labels in the Map module menu */
div#searchTimeValuesMenuMap fieldset#intervalSelection .intervalButton {
  display: block;
  background-color: #EEEEEE;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}

/* sets the margins of the input boxes in the Timeseries module menu */
div#searchTimeValuesMenu fieldset#intervalSelection .timeSerieInputDate {
	margin-top: 0.4em;
   margin-bottom: 0.4em;
}

/* sets the margins of the input boxes in the Map module menu */
div#searchTimeValuesMenuMap fieldset#intervalSelection .timeSerieInputDate {
	margin-top: 0.4em;
   margin-bottom: 0.4em;
}

/* sets the borders and font size of the input boxes in the Timeseries module menu */
div#searchTimeValuesMenu input.timeSerieInputDate, div#searchTimeValuesMenu select {
	border: 1px solid gray;
	font-size: 1em;
}

/* sets the borders and font size of the input boxes in the Map module menu */
div#searchTimeValuesMenuMap input.timeSerieInputDate, div#searchTimeValuesMenuMap select {
	border: 1px solid gray;
	font-size: 1em;
}

/*sets the appearance of the labels of the text boxes in the Timeseries module menu */
div#searchTimeValuesMenu fieldset#intervalSelection label.timeSerieInputDate {
  display: block;
  float: left;
  clear: both;
  width: 4.6em;
}

/*sets the appearance of the labels of the text boxes in the Map module menu */
div#searchTimeValuesMenuMap fieldset#intervalSelection label.timeSerieInputDate {
  display: block;
  float: left;
  clear: both;
  width: 4.6em;
}

/*sets the appearance of the labels of the text boxes in the Timeseries module menu */
div#searchTimeValuesMenu fieldset#intervalSelection label.timeSerieInputDatePeriod {
  display: block;
  float: left;
  clear: both;
  width: 8.5em;
}

/*sets the appearance of the labels of the text boxes in the Map module menu */
div#searchTimeValuesMenuMap fieldset#intervalSelection label.timeSerieInputDatePeriod {
  display: block;
  float: left;
  clear: both;
  width: 8.5em;
}
.timeSerieInputDatePeriod{
	white-space:nowrap;
}

.timeSerieInputDate{
	white-space:nowrap;
}

/* appearance of the timeSeriesIntervalNavigator menu - affected by the menu class as well */
ul#timeSeriesIntervalNavigator {
	margin: 0 0 0 0;
	list-style: none;
	padding: 0 0 0 0;
}

/*sets the style of the Previous-Next navigator */
ul#timeSeriesIntervalNavigator li {
  width: 50%;
  text-align: center;
}

/* timeValuesProperties - summary of the displayed time series */
#timeValuesProperties {
  clear: both;
}

#timeValuesProperties {
   border-bottom: 1px solid black;
}

#timeValuesProperties caption {
   margin-top: 0.8em;
}
/* row header cells in the timeValuesProperties table */
#timeValuesProperties th {
  width: 50%;
  text-align: left;
}

/* data cells in the timeValuesProperties table */
#timeValuesProperties td {
  text-align: right;
  padding: 0 0 0 0;
}

/* the appearance of the timeSeriesInfo table */
#timeSeriesInfo th.timeSeriesInfoLabel, #revisePlanInfo th.revisePlanInfoLabel {
   text-align: left;
   width: 14em;
}

/* margin of the timeSeiesInfo table */
#timeSeriesInfo {
  margin-top: 0;
  margin-bottom: 1em;
  border-top: none;
}

/* appearance of the different views */

/* Table view */

table.timeValuesTable td, table.timeValuesStatistics td, #timeValuesContent thead th, tbody th.timeValuesTableHour, tbody th.timeValuesTableDate, #editTimeValuesForm .timeValuesTable tbody th {
  text-align: right;
}


tbody th.timeValuesTableHour, th.timeValuesStatisticsDayTime, tbody th.timeValuesTableDate, #editTimeValuesForm .timeValuesTable tbody th {
  width: 10em;
}

#timeValuesContent th.timeValuesStatisticsCategory, #timeValuesContent th.timeValuesStatisticsMaxValueName, table#timeValuesTableYear .timeValuesTableYearMonth {
  text-align: left;
  vertical-align:text-top;
}

#timeValuesContentMap th.timeValuesStatisticsCategory, #timeValuesContentMap th.timeValuesStatisticsMaxValueName, table#timeValuesTableYear .timeValuesTableYearMonth {
  text-align: left;
  vertical-align:text-top;
}



/* Table view - Week */
table#timeValuesStatisticsWeek {
  margin-top: 0;
}

table#timeValuesTableWeek th.timeValuesTableHour, table#timeValuesStatisticsWeek th.timeValuesStatisticsCategory {
  width: 6em;
}

table#timeValuesTableWeek td, table#timeValuesStatisticsWeek td {
/*  width: 13%;*/
}

/* Month view */


/* Year view */
th.timeValuesStatisticsMaxValueName {
  width: 6em;
}

/* presentation menu */
ul#presentationFormatMenu {
  list-style: none;
  padding: 0;
  margin-left: 2em;
}

.calendarOpen {
   width: 10px;
   clear: none;
}

.calendarOpen:hover {
   cursor: pointer;
}
fieldset#compareFields {
	width: 6em;
	text-align:center;
}
 /*apperance of show - button*/
.showTsButton{
	/*width:100%;*/
	width:12.0em;
	background-color: #EEEEEE;
	border-style:groove;
	text-align: center;
}

div#searchTimeSeries {
  width: 100%;
  background-color:#FFFFFF;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  border: 1px solid gray;
}
div#searchTimeSeries td.searchTs {
	width:18em;
	border:1px;

}
/*Key figures */
td.keyFigures{
	text-align: right;
}
th.keyFiguresTh{
	text-align: left;
}
thead.keyFiguresThead{
font-weight:bold;
}
/*select more ts link*/
a.selectTsLink{
background-color:#EEEEEE;
border-color:#999999;
border-width:0.01em;
border-style: outset;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
font-style:normal;
font-weight:bold;
color:#000000;
vertical-align:text-top;
text-decoration:none;
text-align:center;
padding-bottom:0.05em;
padding-top:0.05em;
padding-left:0.05em;
padding-right:0.05em;
}

a:hover.selectTsLink {
 /* text-decoration:underline;
  font-weight:bold;*/
  color:#636363;
}
 /*Select more ts popup window*/
div#selectTs {
  background-color:#DCDCDC;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  margin-left:0.2em;
  margin-right:0.2em;
  border: 1px solid gray;
  font-size: 1em;
}

body.popup{
	background-color:#FFFFFF;
}

td.popup {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-style:normal;
	white-space:nowrap;
}

.moveTsButton{
	background-color: #EEEEEE;
	border-style:groove;
	text-align: center;
}

div#wizardNavigator {

}



/* sets the font weight of the labels of the drop-down menus in the Timeseries module menu */
div#wizardNavigator fieldset.navigatorItemSelected span{
    background-color: orange;
    color:#ffffff;
    padding: 4px;
    font-weight: bold;
}



div#wizardNavigator fieldset.navigatorItemSelected{
    color: orange;

    padding: 4px;
    font-weight: bold;
}



#wizardNavigator fieldset.navigatorItemVisited span{
    background-color: #3e73ba;
    color:#ffffff;
    padding: 4px;
    font-weight: bold;
}

#wizardNavigator fieldset.navigatorItemVisited{
    color: #3e73ba;
    padding: 4px;
    font-weight: bold;

}

#wizardNavigator fieldset.navigatorItemVisited a:link, a:visited {
    color: #3e73ba;
    padding: 4px;
    font-weight: bold;

}



#wizardNavigator fieldset.navigatorItemDetails label{
    display: block;
     color: #909090;
    padding-left: 3em;
}
#wizardNavigator fieldset.navigatorItemUnvisited{

    color: #909090;
    padding: 4px;
    font-weight: bold;
}
#wizardNavigator fieldset.navigatorItemUnvisited span{
    background-color: #909090;
    color:#ffffff;
    padding: 4px;
    font-weight: bold;
}

.tableholder {
   overflow: auto;
   height: 60ex;
   width: 100%;
}

/*Revise plan show*/

/* section captions (that say e.g. what day it is). */
.revisePlanSectionCaption
{
    text-align: left !important;
    font-weight: bolder !important;
    font-size:   150% !important;
}

/* Links to other sections, e.g. other days. */

.revisePlanSectionsLinks a
{
    font-size:   120%;
    margin-left: 1em;
}

input.timeValueInput
{
	font-size: 8pt;
    padding: 0;
    margin: 0;
}

.scrollTable  {
  width: 100% !important;
  overflow: auto !important;
}

.noneScrollTable  {
  width: 100% !important;
  /*overflow: hidden !important;*/

}

.noneScrollTableDay  {
  width: 260px !important;
  /*overflow: hidden !important;*/

}

.noneScrollTableRevisePlan  {
  width: 35% !important;
  /*overflow: hidden !important;*/

}