html,body
{
	height: 100%;
}

body
{
	background-color: #ffffff;
  font-family: Tahoma, Arial, Helvetica;
  font-size: 13px;
  margin: 0px;

}

a:link
{
	color: #006699;
}

a:visited
{
	color: #006699;
}

a:active
{
	color: #E70000;
}

a:hover
{
	color: #E70000;
}



DIV#header_left
{
  position: absolute;
  z-index: 1;
  background-image: url(../image/header_left.jpg);
  background-repeat: no-repeat;
  background-position: top right;
  top: 24px;
  left: 8px;
  height: 120px;
  text-align: left;
}

DIV#apptitle
{
  margin-left: 32px;
  margin-top: 24px;
}

DIV#apptitle1
{
  color: #ffffff;
  font-family: Trebuchet MS, Arial;
  font-size: 16px;
  line-height: 2px;
}

DIV#apptitle2
{
  color: #ffffff;
  font-family: Trebuchet MS, Arial;
  font-size: 32px;
}

DIV#apptitle3
{
  color: #ffffff;
  font-family: Trebuchet MS, Arial;
  font-size: 16px;
  margin-left: 96px;
  line-height: 16px;
}

DIV#header_right
{
  position: absolute;
  z-index: 2;
  background-image: url(../image/header_right.jpg);
  background-repeat: no-repeat;
  background-position: top right;
  height: 120px;
  top: 24px;
  left: 1180px;
  text-align: left;
}

#PanelQuery
{
	position: absolute;
	width: 199px;
	top: 106px;
	height: 349px;
	left: 14px;
	background-color: #FF9933;
}

#rightpanel
{
  position: absolute;
  z-index: 1;
  top: 146px;
	left: 340px;
	border: #004080 1px solid;
  background-color: #F1F1F1;		
  xbackground-image: url(../image/gradient.jpg);
  xbackground-position: top;
  overflow: auto;
}

#PanelResultsHeader
{
	position: relative;
	top: 2px;
	height: 70px;
}

DIV#CaptionTopicViewArea
{
  font-family: Tahoma, Verdana;
  font-size: 20px;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 8px;
  margin-bottom: 8px;
  color: #004080;	
}


DIV#LinkButtonOrderByToggleArea
{
  font-family: Tahoma, Verdana;
  font-size: 13px;
  margin-left: 20px;
  margin-right: 20px;
  color: #000000;	
  font-family: Tahoma, Verdana;
  font-size: 12px;
  text-decoration: none;
}

.LinkButtonOrderByToggle 
{
  color: #000000;	
  font-family: Tahoma, Verdana;
  font-size: 14px;
  text-decoration: none;	
}

.LinkButtonOrderByToggle:hover 
{
  color: #000000;	
  font-family: Tahoma, Verdana;
  font-size: 14px;
  text-decoration: underline;	
}

#PanelResults
{

}

#PanelResultsStatistics
{
	font-weight: bold;
	text-align: right;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}

#PanelResultsList
{
	margin-left: 20px;
	margin-right: 20px;
}

#PanelResultsWorkFieldList
{
	margin-left: 20px;
	margin-right: 20px;
}

#TopicFrame
{
	position: absolute;
	z-index: 2;
	top: 147px;
}

#PanelNavigateToResults
{
	position: absolute;
	z-index: 4;
	top: 124px;
	text-align: right;
	color: #ffffff;	
	font-family: Tahoma, Verdana;
  font-size: 14px;
}

.NavigateToResults:link
{
  color: #ffffff;	
  font-family: Tahoma, Verdana;
  font-size: 14px;
  text-decoration: none;
}

.NavigateToResults:active
{
	color: #ffffff;	
  font-family: Tahoma, Verdana;
  font-size: 14px;
  text-decoration: none;
}

.NavigateToResults:visited
{
	color: #ffffff;	
  font-family: Tahoma, Verdana;
  font-size: 14px;
  text-decoration: none;
}

.NavigateToResults:hover
{
	color: #ffffff;	
  font-family: Tahoma, Verdana;
  font-size: 14px;
  text-decoration: underline;
}

#TopicToolBarArea
{
	border: #004080 1px solid;
  height: 27px;	
  background-image: url(../image/buttonbackground.png);
  border: #B7D8EE 1px solid;
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 20px;
  margin-top: 8px;
}

#IconPrinter
{
	cursor: pointer;
	cursor: hand;
	margin-left: 8px;
}

.ToolButtonText
{
	font-family: Tahoma, Verdana;
  font-size: 11px;
  color: #006699;
  text-transform: uppercase;
	line-height: 27px;
	cursor: pointer;
	cursor: hand;
	margin-left: 20px;
}

.ToolButtonText_hover
{
	font-family: Tahoma, Verdana;
  font-size: 11px;
  color: #E70000;
  text-transform: uppercase;		
	line-height: 27px;
	cursor: pointer;
	cursor: hand;
	margin-left: 20px;
}

#PanelSeeAlsoList
{
	position:absolute;
	top: 146px;
	height: 100px;
	border: #004080 1px solid;
  background-color: #F1F1F1;	
  overflow: auto;
}

DIV#SeeAlsoCaptionArea
{
  font-family: Tahoma, Verdana;
  font-size : 20px;
  color: #004080;
  margin-bottom: 20px;
  margin-left: 8px;
  margin-top: 8px; 
}

DIV#SeeAlsoListArea
{
  font-family: Tahoma, Verdana;
  font-size: 13px;	
  margin-left: 8px;
}

#footer
{
	 position: absolute;
	 font-family: Trebuchet MS, Verdana;
	 font-size: 12px;
	 color: #000000;
	 text-align: right;
}

.wfbar
{
	width: 99%;
	height: 30px;
	border: #000000 1px solid;
	margin-bottom: 1px;
}

.wfbar_inner:link
{
	position: relative;
	top: 5px;
	margin-left: 20px;
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;
}

.wfbar_inner:hover
{
	position: relative;
	top: 5px;
	margin-left: 20px;
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: underline;
}

.wfbar_inner_disabled
{
	position: relative;
	top: 5px;
	margin-left: 20px;
	text-transform: uppercase;
	text-decoration: none;
	color: #666666;
}

.wfbar_inner_selected
{
	position: relative;
	top: 5px;
	margin-left: 20px;
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;	
	cursor: default;
}

.wfrank0
{
	background-color: #E70000;
}

.wfrank1
{
	background-color: #FF3300;
}

.wfrank2
{
	background-color: #FF5700;
}

.wfrank3
{
	background-color: #FD822F;
}

.wfrank4
{
	background-color: #FFA03B;
}

.wfrank5
{
	background-color: #FFB65F;
}

.wfarea
{
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.wfareaouter
{
  position: relative;
  border: #004080 1px solid;
	width: 99%;
	margin-bottom: 1px;
	overflow: auto;
	background-color: #ffffff;
}

.pagercell
{
	font-family: Tahoma, Verdana;
	font-size: 11px;
	text-align: center;
	background-image: url(../image/buttonbackground.png);
	width: 16px;
	border: #B7D8EE 1px solid;
	height: 18px;
	line-height: 16px;
}

.pagerlink:link
{
  color: #006699;
  text-transform: uppercase;
  text-decoration: none;	
  padding: 5px; 
}

.pagerlink:visited
{
  color: #006699;
  text-transform: uppercase;
  text-decoration: none;	
  padding-left: 4px;
  padding-right: 4px; 
}

.pagerlink:active
{
  color: #E70000;
  text-transform: uppercase;
  text-decoration: none;
  padding-left: 4px;
  padding-right: 4px; 	

}

.pagerlink:hover
{
  color: #E70000;
  text-transform: uppercase;
  text-decoration: none;
  padding-left: 4px;
  padding-right: 4px; 	
}

DIV#infobar
{
	position : absolute;
	top : 3px;
	width : 100%;
	height : 20px;
	text-align: right;
}

.infolink
{
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
}

.infolink_hover
{
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;
}

DIV#modaldialogmask
{
	position: absolute;
	z-index: 99;
  background-color: #ffffff;
}

DIV#infoarea
{
  position: absolute;
  z-index: 100;
  background-color: Transparent;
}

IFRAME#infoframe
{
  position: relative;
  border: #004080 1px solid;
}

DIV#infoarea_captionbar
{
  width: 100%;
  height: 30px;
  background-image: url(../image/popup_header.gif);
  background-repeat : no-repeat;
  background-position: right top;
  border-bottom: #ffffff 1px solid;
}

DIV#infoarea_captiontext
{
	color: #ffffff;
	font-family: Tahoma, Verdana;
	font-size: 16px;
	font-weight: bolder;
	margin-left: 20px;
	margin-top: 2px;
}

.closetext
{
  color: #ffffff;	
  font-family: Tahoma, Verdana;
	font-size: 11px;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
	margin-right: 8px;
  line-height: 30px;
}

.closetext_hover
{
  color: #ffffff;	
  font-family: Tahoma, Verdana;
	font-size: 11px;
	cursor: pointer;
	cursor: hand;
	text-decoration: underline;
	margin-right: 8px;
	line-height: 30px;
}

DIV#logos
{
	z-index: 20;
	position: absolute;
	top: 26px;
	width: 115px;
	height: 115px;
	right: 36px; 
	background-image: url(../image/logos.gif);
	background-repeat: no-repeat;
}

.ImageActueel
{
	margin-left: 8px;
	font-size: 13px;
	height: 16px;
	cursor: help;
	background-image: url(../image/actueel.png);
	background-repeat: no-repeat;
}