/*****************************************/
/* ALGEMENE CLASSES                  */
body {
	background-color: #FFFFFF;
	margin: 0px;
}

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

p,ol,ul,td,tr,button,body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 8pt;
	text-align: justify;
	vertical-align: top;
}

hr {
	color: white;
	height: 1px;
}

a:link {
	color: #689365;
	font-size: 10pt;
	font-weight: bold;
	font-family: arial, helvetica;
	text-decoration: none;
}

a:visited {
	color: #689365;
	font-size: 10pt;
	font-weight: bold;
	font-family: Arial, Helvetica;
	text-decoration: none;
}

a:hover {
	color: #AF7F00;
	font-size: 10pt;
	font-weight: bold;
	font-family: Arial, Helvetica;
	text-decoration: none;
}

a:active {
	color: #AF7F00;
	font-size: 10pt;
	font-weight: bold;
	font-family: Arial, Helvetica;
	text-decoration: none;
}

.ItemTitel {
	font-weight: bold;
	font-size: 12pt;
	color: #005121;
}

.ItemClassificatie {
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
}

.middle_font {
	font-family: Arial;
	font-size: 11px;
}

.low_break {
	height: 200px;
}

#low_break {
	height: 200px;
}



/************************************************

/***
* header.jsp
*/
#header_table {
	width: 100%;
	padding: 4px 0px 0px 0px;
}


/**
 * topnav
*
* 83CAA1 by 005121
* E7DBC4 by E7DBC4
*
 */
#topnav_table {
	background-color: white;
	width: 100%;
	padding: 0px 0px 0px 0px;
	color: white;
	font-size: 9pt;
	font-weight: bold;
	font-family: arial, helvetica;
	text-decoration: none;
}

.header_line {
	background-color: #005121;
	text-align: center;
	width: 1px;
}

.header_item {
	height: 20px;
	background: #005121;
	vertical-align: middle;
	text-align: left;
	padding: 0px;
}

.header_edge_left {
	height: 20px;
	width: 10px;
	background: #005121;
	padding: 0px;
}

.header_edge_right {
	width: 10px;
	background: white;
	padding: 0px;
}


.header_item a:link {
	color: white;
	font-size: 9pt;
	font-weight: bold;
	font-family: arial, helvetica;
	text-decoration: none;
}

.header_item a:visited {
	color: white;
	font-size: 9pt;
	font-weight: bold;
	font-family: Arial, Helvetica;
	text-decoration: none;
}

.header_item a:hover {
	color: #F5C320;
	font-size: 9pt;
	font-weight: bold;
	font-family: Arial, Helvetica;
	text-decoration: none;
}

.header_item a:active {
	color: #F5C320;
	font-size: 9pt;
	font-weight: bold;
	font-family: Arial, Helvetica;
	text-decoration: none;
}

.header_item b {
	color: white;
	font-size: 9pt;
	font-weight: bold;
	font-family: arial, helvetica;
	text-decoration: none;
}

/******************************************************************************
 *
 * NAVIGATION
 *****************************************************************************/
#headerbody {
	margin: 0px;
}

#navigationbody {
	margin: 0px;
	padding: 0px;
}

#navigation_table {
	margin: 0px;
	width: 100%;
	height: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

#text_body {
	margin: 8px;
}
.navigation_item_arrow {
	height: 20px;
	width: 11px; background : #005121;
	vertical-align: middle;
	text-align: left;
	padding: 0px 0px 0px 0px;;
	background: #005121;
}

.navigation_item {
	height: 20px;
	background: #005121;
	vertical-align: middle;
	text-align: left;
	padding: 0px 0px 0px 0px;
	width: 175px;
}

.navigation_subitem {
	height: 20px;
	text-align: left;
	padding: 0px 2px 0px 0px;
	width: 175px;
	background: #E7FFA5;
	vertical-align: middle;
}

.navigation_subitem_arrow {
	height: 20px;
	text-align: left;
	padding: 0px 2px 0px 0px;
	background: #E7FFA5;
	vertical-align: middle;
}

.navigation_item a:link {
	color: white;
	font-size: 9pt;
	font-weight: bold;
	font-family: arial, helvetica;
	text-decoration: none;
}

.navigation_item a:visited {
	color: white;
	font-size: 9pt;
	font-weight: bold;
	font-family: Arial, Helvetica;
	text-decoration: none;
}

.navigation_item a:hover {
	color: #F5C320;
	font-size: 9pt;
	font-weight: bold;
	font-family: Arial, Helvetica;
	text-decoration: none;
}

.navigation_item a:active {
	color: #F5C320;
	font-size: 9pt;
	font-weight: bold;
	font-family: Arial, Helvetica;
	text-decoration: none;
}

.navigation_subitem a:link {
	color: #005121;
	font-size: 8pt;
	font-weight: bold;
	font-family: arial, helvetica;
	text-decoration: none;
}

.navigation_subitem a:visited {
	color: #005121;
	font-size: 8pt;
	font-weight: bold;
	font-family: Arial, Helvetica;
	text-decoration: none;
}

.navigation_subitem a:hover {
	color: #996600;
	font-size: 8pt;
	font-weight: bold;
	font-family: Arial, Helvetica;
	text-decoration: none;
}

.navigation_subitem a:active {
	color: #996600;
	font-size: 8pt;
	font-weight: bold;
	font-family: Arial, Helvetica;
	text-decoration: none;
}

.navigation_space_xl {
	height: 10px;
}

/******************************************************************************
 * CONTENT SELECTOR
 *****************************************************************************/
#content_selector {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #C8DD8F;
	border-collapse: collapse;
}

#content_selector tr {
	color: #005121;
	font-size: 8pt;
	font-weight: bold;
	font-family: arial, helvetica;
	text-decoration: none;
	text-align: center;
}

#content_selector td {
	border-bottom: 1px solid #C8DD8F;
	border-right: 1px solid #C8DD8F;
	height: 20px;
	text-align: left;
	padding: 0px 2px 0px 0px;
	background: #E7FFA5;
	vertical-align: middle;
}
#content_selector select {
  font-size: 11px;
  width : 270px;
}

#content_selector select#content_selector_input{
  font-size: 11px;
  width : 70px;
}
/******************************************************************************
 * CONTENT BODY
 *****************************************************************************/
#contentbody {
	font-family: Arial;
	font-size: 11px;
	margin: 5px;
	padding: 0px;
}

/******************************************************************************
 * SELECT BOXEN
 *****************************************************************************/
#content_selector_input_2 {
	width: 150px;
	font-family: Arial;
	font-size: 9px;
}

/******************************************************************************
 * INPUT BUTTONS
 *****************************************************************************/
#content_selector_player_button {
	width: 54px;
	font-family: Arial;
	font-size: 10px;
}

/******************************************************************************
 * FORECAST TEXT
 *****************************************************************************/
#forecast_text_bean {
	margin: 5px 0px 0px 0px;
}

/*******************************************************************************
*
* 		SCROLLING
*
*********************************************************************************/

div#tableContainer {
	clear: both;
	height: 100%;
	overflow: auto;
}
/*******************************************************************************
div#tableContainer img {
	width: 750px;
}
*********************************************************************************/
thead#fixedHeader tr {
  position: relative;
	top: expression(document.getElementById("tableContainer").scrollTop);
	background-color: #C8DD8F;
}

thead#fixedHeader th {
	border: 2px solid #C8DD8F;
}


/******************************************************************************
 * FORECAST TABLE
 *****************************************************************************/
#forecast_html_table {
	width: 100%;
	padding: 0px;
	margin: 0px;
	border: 0px;
	border-collapse: collapse;
}

#forecast_html_table tr {
	font-family: arial, helvetica;
	font-size: 8pt;
}

#forecast_html_table tr.white {
	background-color: white;
}

#forecast_html_table tr.green {
	background-color: #F8FFE3;
}

#forecast_html_table td {
	border: 1px solid #C8DD8F;
  text-align: center;
}

#forecast_html_table td.green {
	background-color: #299611;
}

#forecast_html_table td.red {
	background-color: #E4490C;
}
#forecast_html_table td.greenbd {
	background-color: #299611;
	border-right: 1px solid  #005121;

}
#forecast_html_table td.redbd {
	background-color: #E4490C;
	border-right: 1px solid  #005121;
}
#forecast_html_table td.bd {
	border-right: 1px solid #005121;
 
}

#forecast_html_table td.top {
	border-right-style: Solid;
	border-right-color: #C8DD8F;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C8DD8F;
	border-bottom-width: 1px;
	border-top-style: Solid;
	border-top-color: #C8DD8F;
	border-top-width: 1px;
	text-align: center;
}

#forecast_html_table th {
	background-color: #E7FFA5;
	border-right: 1px solid #C8DD8F;
	border-bottom: 1px solid #C8DD8F;
	font-weight: bold;
	color: #005121;
	text-align: center;
}

#forecast_html_table th.header {
	background-color: #E7FFA5;
}
#forecast_html_table th.headerbd {
	background-color: #E7FFA5;
	border-right: 1px solid  #005121;
}

#forecast_html_table td.weekday {
	background-color: #E7FFA5;
	font-weight: bold;
	color: #005121;
}
#forecast_html_table b {
	
	
	color: #005121;
}
#forecast_html_table th.weekday {
	background-color: #E7FFA5;
}

/**************************************************************
* GRAPHS
***********************************************************************/
#content_graph_controls {
	font-family: arial, helvetica;
	font-size: 8pt;
	text-align: center;
}

.content_graph_threshold_button {
	font-family: arial, helvetica;
	font-size: 8pt;
	text-align: center;
	width: 20px;
}

.content_graph_threshold {
	font-family: Arial;
	font-size: 11px;
	width: 30px;
}

.legend_table {
	margin: 7px 0px 0px 0px;
}

.left_axis {
  text-align: left;
  padding: 0px 0px 0px 35px;
}

.right_axis {
  text-align: right;
  padding: 0px 35px 0px 0px;
}

.spacer {
  text-align: center;
  width: 20%;
}

/**************************************************************
* EPS
***********************************************************************/
#epsChooser {
	border: 0px;
	padding: 1px;
	background-color: #E7FFA5;
	border-collapse: collapse;
	width: 770px;
}

#epsChooser td {
	font-size: 9pt;
	font-family: arial, helvetica;
	font-weight: bold;
	vertical-align: middle;
	color:  #005121;
	height: 20px;
	padding: 0px;
}

#epsChooser form {
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

#epsChooser input {
	height: 18px;
}

#epsChooser select {
	font-size: 10pt;
}

#epsGraph {
  margin: 8px 0px 0px 0px;
}

#epsGraph td {
	font-size: 10pt;
	font-family: arial, helvetica;
}

#epsGraph img {
	border: 1px solid #456547;
}
#epsGraph img.tv {
	border: 0px solid #456547;
}

/********************************
* Location selecter
***********************************/
#location_selecter {
	width: 100%;
	border-collapse: collapse;
	vertical-align: top;
	border: 0px;
}

#location_selecter select {
	font-size: 11px;
}

#location_selecter td#spacer {
	width: 340px;
}

#location_selecter td#arrow {
	width: 11px;
}

#location_selecter td#down_right {
	width: 10px;
}

/***********************
* weerkaart
*******************************/
.googlelegend {
}

.googlelegend img {
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

/***********************
* radar
*******************************/