.row td, .alternaterow td, .selectedrow td
{
 border-color : #000000;
 border-style: none;
 border-width: 0px;
}
.contentpane {
padding-left:0px;
padding-right:0px;
padding-top:0px;
}
body {
 font-family: tahoma;
 font-size: 11px; 
 height: 100%;
}
iframe 
{ 
 height: 100%; 
 padding: 0px; 
 margin: 0px; 
 border: 0px; 
 overflow: hidden;
} 

.indicator{
  background-repeat: no-repeat; 
  height : 120px;
  width  : 245px;
  padding: 4px;
  
}  
.font1{
  color          : white;
  font-size     : 10px;
  font-family  : verdana, arial;
}
.font2{
  color          : black;
  font-size     : 11px;
  font-family  : verdana, arial;
}

.onItem, .onItemSelected, .onItemHot, .onItemPressed
{
  color: #000000;
  font-size: 11px;
  font-family: MS Sans Serif, verdana;
  font-weight: bold;
}
.vtSplit
{
  background-color: #c4dafa;
}
.darkCaption
{
  color: #fff;
  font-size: 16px;
  font: bold 14px Arial, Verdana, Helvetica, Sans-serif;
  vertical-align: bottom;
}
.lightCaption TABLE
{
  color: #000;
  font-size: 11px;
  font-family: verdana;
  font-weight: bold;
}
.StapOmschr
{
	text-decoration: none;	
	color: black;
	font-family: Verdana;
    font-size: 11px;
}
.StapTitle
{
	text-decoration: underline;
	color: black;
	font-family: Verdana;
	font-weight: bold;
	font-size: 14px;	
}
.outlookMainFrameWhite
{
  background-color: #ffffff;
  border: solid 1px #002d96;
  width: 100%;
}
.outlookMainFrame
{
	background-color: #c4dafa;
	border: solid 1px #002d96;
	width: 100%;
}
.outlookMainFrameNoBorder
{
	background-color: #c4dafa;
	width: 100%;
}
.outLookTopCell
{
	height: 24px;
	background-image: url(../../../Images/outLookTopCellBg.gif);
	background-repeat: repeat-x;
	font: bold 14px Arial, Verdana, Helvetica, Sans-serif;
	color: #ffffff;
	cursor: default;
}
.kopText
{
	font-size: medium;
	font-weight: bold;
	font-family: Verdana;
}
.highlight {

            background-image : url(../../../Images/menuBg.gif);
            background-repeat : repeat-x;

}

.toolbarBG,
.toolpanel
{
    background-image		: url(../../../Images/toolbarBgH.gif);
    background-repeat		: repeat-x; 
    background-color		: #ffffff;
	border 							: 1px solid #002d96;
	margin							: 2px;
	padding-top						: 0px;
	padding-left					: 0px;
}

.toolpanel .toolbutton {
}


div.wizard {
	font-family						: Verdana;
	background-color 			: rgb(89,124,218);
	border								: 1px solid #002d96;
	padding								: 10px;
	font-size							: 11px;
	cursor                : default;
}

div.window {
  height: 200px;
  font-family: Verdana;
  background-color: rgb(89,124,218);
  border: 1px solid #002d96;
  padding: 10px;
  font-size: 11px;
  cursor: default;
}


div.wizard thead td, div.wizard tfoot td, div.wizard th {
  background-color: rgb(89,124,218);
  border:0px solid;
  font-weight: 700;
}


div.wizard .HeadingCellText
{
  font-family: verdana; 
  font-size: 10px; 
  font-weight: bold; 
  text-align: left;
  padding-top: 3px;
  padding-bottom: 5px;
  color: #000000;
}

div.wizard td {
	font-family 						: Verdana;
	font-size						: 11px;
	cursor                : default;
}

div.wizard .main {
	margin-top						: 20px;
	margin-left						: 20px;
	height                : 100%;
	cursor                : default;
}

div.wizard .wizsubtitel
{
 color: #ffffff;
}

div.wizard .titel {
  text-align: left;
  font-size: 14pt;
  font-family: Verdana;
  color: rgb(197,216,237)
}

div.wizard .subtitel {
  text-align: left;
  font-size: 12pt;
  font-family: Verdana;
  margin-bottom: 5px;
  color: rgb(197,216,237);
font-weight: bold;
}

div.wizard .uitleg {
  text-align: left;
  font-size: 8pt;
  font-family: Verdana;
  margin-bottom: 5px;
  color: white;
  white-space : normal;
}

div.wizard .breadcrumb {
  text-align: left;
  font-size: 9pt;
  font-family: Verdana;
  font-weight: normal;
  color: white;
}
div.wizard ul
{
 margin-left: 0; 
 padding-left: 2em;
}

div.wizard .omschrijving {
	margin-bottom 				: 10px;
	padding-bottom				: 15px;
	font-size             : 10pt;
	font-family           : 'Franklin Gothic Medium' Verdana;
}

div.wizard .buttonbar {	
	position							: relative;
	float									: right; /*bottom;*/
	text-align						: right;
	width									: 100%;
	top										: 100%;
	height								: 50px;
	margin-top						: -50px;
}

div.wizard .caption {
  color: white;
}
div.wizard .inhoud
{
  color: white;
  background-color: transparent;
/*  font-weight: bold;*/
}
div.wizard FieldSet
{
  border: 1px solid white;
  color: white;
}
/* schermschaaf styles */
fieldset 
{
  border: solid 1px #CCCCCC;
  background: transparent;
  width: auto;
  margin: 2px;
  padding: 2px;
  font-size: 11px;
  font-weight: bold;
  font-family: Verdana;
}

legend
{
	color: #002D96;
}

div.wizard Legend {
  color: white;
  font-weight: bold;
}
.div {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  border: 0px solid yellow;
}
.ToolCaption
{
  font-size: 11px;
  font-family: Verdana;
  color: black;
  height: 22px;
  vertical-align: top;
  padding-right: 12px;
}
.ToolImage
{

}
.tbcontrol
{
  table-layout:fixed;
  text-align: left;
}
.caption 
{
	overflow :hidden;
  /*text-overflow:ellipsis; weet niet wat dat moet zijn, nu overflow->hidden (Erick)*/
  overflow:hidden;
  white-space:nowrap;	
  color: black;
  /*font-size: 11px;*/
  font-size: 10px;
  font-family: ms sans serif;
  background-color: transparent;
}

.sCaptionNoPadding, .sCaption {
  overflow : hidden;
  /*text-overflow:ellipsis; weet niet wat dat moet zijn, nu overflow->hidden (Erick)*/
  overflow:hidden;
  white-space:nowrap;
  color: #707070;
  font-size: 11px;
  font-family: Tahoma;
  background-color: transparent;
  width: 126px;
}
.sCaption {
  padding-left: 10px;
}

.sEditingCaption {
  padding-left: 10px;
  overflow : hidden;
  overflow:hidden;
  white-space:nowrap;	
  color: #707070;
  font-size: 11px;
  font-family: Tahoma;
  background-color: transparent;
  width: 170px;
}
.sCapTD
{
  vertical-align: top;
  padding-top: 7px;
}
.sGroupCaption
{ 
 font-family: Tahoma;
 /*font-size: 12px;*/ 
 font-size: 11px;
 font-weight: bold;
 color: #606060;
 white-space: nowrap;
}
.sGroupHR
{
 width:100%;
 color: #C0C0C0;
}

.inhoud 
{
	overflow:hidden;
  /*text-overflow:ellipsis; weet niet wat dat moet zijn, nu overflow->hidden (Erick)*/
  overflow:hidden;
  white-space:nowrap;
  color: black;
  font-size: 11px;
  font-family: Verdana;
}
.DateField, .Over_Windows, .Focus_Windows
{
  color: black;
  background: white;
  border: 1px solid #aeaeae;
  overflow: hidden;
  width: 58px;
  font-size: 11px;
  font-family: ms sans serif;
  text-align: left;
  vertical-align: 30%;
  height: 21px;
}
.TxtBox {
  color: black;
  background: white;
  border: 1px solid #bebebe;
  overflow: hidden;
  width: 100%;
  font-size: 11px;
  /*height: 21px;*/
  height: 19px;
  font-family: Tahoma;
  text-align: left;
  padding-left: 3px;
  padding-top: 2px
}
.memoField
{
  color: black;
  background: white;
  border: 1px solid #bebebe;
  overflow: hidden;
  width: 100%;
  font-size: 11px;
  font-family: Tahoma;
  text-align: left;
  padding-left: 3px;
  padding-top: 2px;
}
.FileNameEdit {
  color: black;
  background: white;
  border: 1px solid #aeaeae;
  overflow: hidden;
  width: 90%;
  font-size: 11px;
  font-family: ms sans serif;
  text-align: left;
}
.FileNameImage
{
  vertical-align: bottom;
  border-style: none;
  margin-left: 2px;
}

.DatePicker
{
  color: blue;
  background: transparent;
  border: 0px solid gray;
  overflow: hidden;
  padding-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 11px;
  font-family: Verdana;
  width: 75px;
}

a:hover .TxtBox {
  border: 1px solid navy;
  text-decoration: none; 
  margin-left: 4px;
  margin-right: 2px;
}
.CheckBox {
  width: 100%;
  color: blue;
  background: transparent;
  margin-left: 4px;
  margin-right: 2px;
}
.schaaf {
  background: transparent;
  float: left;
  border: 0px solid silver;
  padding: 0px;
  padding: 0px;
  margin: 0px;
}
.DropDown
{
  color: blue;
  background: white;
  border: 1px solid gray;
  overflow: hidden;
  width: 100%;
  font-size: 11px;
  font-family: ms sans serif;
  z-index: 0;
}
.modalPopup {
	background-color:#ffffff;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	padding:1px;
        top: 35%;
        left: 40%;         
}
.modalBackground {
	background-color:white;
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7; 
        width: 1280px;
        height: 1024px;
        top:0px;
        left:0px;
}
.gridScrollPopup
{
  font-size:10px;
  font-family: MS Sans Serif;
  overflow: hidden;
  /*text-overflow:ellipsis; weet niet wat dat moet zijn, nu overflow->hidden (Erick)*/
  overflow:hidden;
}
.wizborder
{
  border: #002d96 1px solid; 
  width: 100%; 
  background-color: #fff;
}
.gridbackdiv
{
  background-color:white;
  width:100%;
  height:100%;
  border: 1px solid rgb(0,51,153); 
}
.topbalk {
 background: transparent url(images/menubalk_repeat.gif) repeat;
 font-family: Verdana;
 font-size: 11px;
 color: #fff;
 height: 30px;
} 
.topleft  { 
 background: transparent url(images/menubalk_begin2.gif) no-repeat top left; 
 height: 30px;
 width: 8px;
} 
.topright { 
 background: transparent url(images/menubalk_einde.gif) no-repeat top right;
 height: 30px;
 width: 8px; 
}

.balkleft {
 background: transparent url(images/menulinks_repeat.gif) repeat-y;
 width: 4px;
 height:100%;
 font-size: 0px;
}
.balkright {
 background: transparent url(images/menurechts_repeat.gif) repeat-y; 
 width: 4px;
 height:100%;
}

.bottombalk {
 background: transparent url(images/menuonder_repeat.gif) repeat-x;
 height: 4px;
} 
.bottomleft  { 
 background: transparent url(images/menuonder_links.gif) no-repeat top left; 
 height: 4px;
 width: 8px;
} 
.bottomright { 
 background: transparent url(images/menuonder_rechts.gif) no-repeat top right;
 height: 4px;
 width: 8px; 
}

.wizardbalk
{
  font-smooth: 11px;
  font-size: 11px;
  font-weight: bold;
}

A.LogboekKeuze:visited, A.LogboekKeuze
{
  color: white;
  font-size: 13px;
}
A.LogboekKeuze:hover
{
  color: lightblue;
  font-size: 13px; 
  text-decoration: none;
}

.SSControl, .SSControlAlt {
  overflow: hidden;
  white-space: nowrap;
  color: black;
  margin-left: 4px;
  margin-right: 2px;
  font-size: 11px;
  font-family: Verdana;
}

.SSCaption, .SSCaptionAlt {
  overflow: hidden;
  white-space: nowrap;
  color: #103D79;
  margin-left: 4px;
  margin-right: 2px;
  font-size: 11px;
  font-family: Verdana;
  background-color: transparent;
}

.SSRow
{
  background-color: rgb(255,255,255);
}
.SSRowAlt
{
  background-color: rgb(247,247,247);
}
.SSHeader
{
  background-color: #224499;
  background-image: url(WebUIImages/np_o7_header.gif);
  background-repeat: repeat-x;
  color: #204D89;
  border: 0px solid black;
  font-size: 9pt;
  font-family: Tahoma, Segoe UI;
  font-weight: bold;
  height: 22px;
  padding-left: 4px;
}
.message { font-size: 8.25pt; font-family: tahoma; background-color: window; }
.subject { font-weight: bold; font-size: 12.25pt; vertical-align: top; font-family: tahoma; }
.date { font-size: 8.25pt; vertical-align: top; padding-TOP: 10px; font-family: tahoma; }
.from { font-size: 8.25pt; vertical-align: top; padding-TOP: 10px; font-family: tahoma; }
.attachment { font-size: 8.25pt; vertical-align: top; padding-TOP: 10px; font-family: tahoma; }

.hyper:link {color: Black; text-decoration : none;}     
.hyper:visited {color: Black; text-decoration : none;} 
.hyper:hover {color: Black; text-decoration: underline}   
.hyper:active {color: Black; text-decoration : none;}  

.lesurenGrid
{
	width: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	/* De rest geldt voor alle browsers behalve IE 5 en 6 */
	width: 98%;
	height: 95%;
}

.frameStyle
{
  background-color:#BDD9FE;
  border:1px #6593CF none;
  color:White;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFBDD9FE , endColorstr=#FF6590CC, GradientType=0); 
  padding-right:0px; 
  padding-left:0px;
  overflow:hidden;
  position:relative;
  height:100%;
}
.frameTable
{
  table-layout:fixed;
  width:100%;
  height:100%;
  border-collapse: collapse;
}
.containerStyle
{
  background-color:White; 
  font-family:Tahoma;  
  font-size:8pt;  
  font-weight:normal;
  border:0px #6593CF solid;
  color:Black; 
  padding-top:0px; 
  padding-right:0px; 
  padding-left:0px;
  padding-bottom:0px;
  overflow:Auto;
  overflow-x:Auto;
  overflow-y:Auto;
}
.topbalk {
 background: transparent url(images/menubalk_repeat.gif) repeat;
 font-family: Verdana;
 font-size: 11px;
 color: #fff;
 height: 30px; 
} 
.topleft  { 
 background: transparent url(images/menubalk_begin2.gif) no-repeat top left; 
 height: 30px;
 width: 8px;
} 
.topright { 
 background: transparent url(images/menubalk_einde.gif) no-repeat top right;
 height: 30px;
 width: 8px; 
}
.scherm  { 
 font-family: Verdana;
 font-size: 11px;
 color: black;
 background: #9EBEF5; 
}
.balkleft {
 background: transparent url(images/menulinks_repeat.gif) repeat-y;
 width: 4px;
 height:100%;
}
.balkright {
 background: transparent url(images/menurechts_repeat.gif) repeat-y; 
 width: 4px;
 height:100%;
}

.bottombalk {
 background: transparent url(images/menuonder_repeat.gif) repeat-x;
 height: 4px;
} 
.bottomleft  { 
 background: transparent url(images/menuonder_links.gif) no-repeat top left; 
 height: 4px;
 width: 8px;
} 
.bottomright { 
 background: transparent url(images/menuonder_rechts.gif) no-repeat top right;
 height: 4px;
 width: 8px; 
}