body {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 85%;
  text-align: center; /* Fix for IE "margin: auto" bug */
  padding: 0;
  margin: 0;
  background: #e4e7f2;
}

div.FormOuterBlock
{
	float:left;
	width:100%;
}

div.FormInnerBlock
{
	float:left;
	vertical-align:top;
}

div. Scrollable
{
	overflow: auto;
}

body.Login {
	background: url('Images/logo_secu.jpg') no-repeat center 50px;
	background-color: #fff;
}

div, p, a, img {
	font-size: 100%;
	padding: 0;
	margin: 0;
	border: 0;
	text-align: left;
}

div.FadingBox 
{
	background: #bbf;
	border : 1px solid #999;
	padding: 20px 10px;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
}

div.DialogBackgroundMask
{
	background-color: #bbb;
	z-index: 10000;
}

div.ConfirmationBox
{
	background: #bbf;
	border : 1px solid #999;
	padding: 20px 10px;
	font-size: 110%;
	font-weight: bold;
	z-index: 10001;
	cursor: default;
}

div.ConfirmationBox p 
{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid black;
}

div.ConfirmationBox div
{
	text-align: center;
}

div.ConfirmationBox button
{
	color : #fff;
	font-weight: normal;
	font-size : 90%;
	padding: 1px 4px 1px 4px;
	border-bottom: 2px solid #336;
	border-right: 2px solid #336;
	border-top: 2px solid #66b;
	border-left: 2px solid #66b;
	background-color: #5562a7;
	_padding: 0;
}

div.ConfirmationBox .ButtonOk
{
	margin-right: 10px;
}

div.ConfirmationBox .ButtonCancel
{
}

.W10 { width: 10ex; }
.W10 .Results { width: 10ex; }
.W15 { width: 15ex; }
.W15 .Results { width: 15ex; }
.W20 { width: 20ex; }
.W20 .Results { width: 20ex; }
.W25 { width: 25ex; }
.W25 .Results { width: 25ex; }
.W30 { width: 25ex; }
.W30 .Results { width: 30ex; }
.W35 { width: 35ex; }
.W35 .Results { width: 35ex; }
.W40 { width: 40ex; }
.W40 .Results { width: 40ex; }
.W45 { width: 45ex; }
.W45 .Results { width: 45ex; }

label 
{
	margin: 0;
	padding: 0;
	/*color: #f00;*/
}

textarea 
{
	height: 7ex;
}

label.Strong {
	font-weight: bold;
}

input,select 
{
	margin: 0 2px 0 0;
}

input.Disabled  , div.Disabled input , span.Disabled input, select.Disabled, div.Disabled select, span.Disabled select
{
	background-color: #EFEFEF;
}

input.Error , select.Error , textarea.Error
{
	border-style: solid;
	border-color: #f00;
}

span.Error input
{
	border-style: solid; 
	border-color: #f00; 
}

div.Error input
{
	border-style: solid; 
	border-color: #f00; 
}

a {
	color: Black;
	text-decoration: underline;
}

a:hover {
	color: Red;
}

td , th {
	vertical-align: middle;
}

div.FormDDLLine {
	color: Black;	
	padding: 3px 0px 2px 0px;
	clear: both;
}

div.FormLine {
	color: Black;	
	margin: 2px 0;
	clear: both;
}

div.FormLine label 
{
	color: #000;
}

div.FormSpacer {
	height: 10px;
}

.ErrorMessage {
	color: Red;
	/*font-weight: bold;*/
	text-align: center;
	display: block;
	margin: 5px;
}

span.Error {
	color: Red;
}

.ButtonTiny , .ButtonVerySmall , .ButtonSmall, .ButtonMedium, .ButtonLarge
{
	color : #fff;
	font-weight: normal;
	font-size : 90%;
	padding: 1px 2px 1px 2px;
	border-bottom: 2px solid #336;
	border-right: 2px solid #336;
	border-top: 2px solid #66b;
	border-left: 2px solid #66b;
	background-color: #5562a7;
	_padding: 0px;
}
/*
.ButtonVerySmall {
	width: 30px ;
	height: 20px ;
	background-image: url(Images/buttonBGTiny.gif);
	color : #000;
	font-weight: normal;
	font-size : 11px;
	padding: 0;
	border: 0;
}

.ButtonSmall {
	width: 120px ;
	height: 20px ;
	background-image: url(Images/buttonbg.gif);
	color : #000;
	font-weight: normal;
	font-size : 11px;
	padding: 0;
	border: 0;
}

.ButtonMedium {
	width: 150px ;
	height: 20px ;
	background-image: url(Images/buttonbgWide.gif);
	color : #000;
	font-weight: normal;
	font-size : 11px;
	padding: 0;
	border: 0;
}

.ButtonLarge {
	background-image: url(Images/buttonBGVeryWide.gif);
	color : #000;
	font-weight: normal;
	font-size : 11px;
	padding: 0;
	border: 0;
	width: 240px ;
	height: 20px ;
}
*/

/*==== Melding omgeving in header ==============================*/
span.VersiePROD
{
	background: #bfb;
	color: Black;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid black;
}
span.VersieACC
{
	background: #ffb;
	color: Black;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid black;
}
span.VersieTST
{
	background: #ED761C;
	color: Black;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid black;
}
span.VersieDEV
{
	background: #ccc;
	color: Black;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid black;
}

/*==== Standard input control styling ==========================*/

.DropdownList {
	background-color: #EFEFEF;
	color: Black;
	z-index: 0;
	padding: 3px 0px 3px 0px;
}

.TextBox {
	background-color: #EFEFEF;
	color: #000;
}

input.fixedW30 { width: 30px; }

input.W69 { width: 70ex; }
input.W40 { width: 40ex; }
input.W35 { width: 35ex; }
input.W30 { width: 30ex; }
input.W25 { width: 25ex; }
input.W20 { width: 20ex; }
input.W16 { width: 16ex; }
input.W15 { width: 15ex; }
input.W10 { width: 10ex; }
input.W6 { width: 6ex; }
input.W5 { width: 5ex; }
input.W4 { width: 4ex; }


select.W70 { width: 73ex; }
select.W60 { width: 63ex; }
select.W55 { width: 58ex; }
select.W50 { width: 53ex; }
select.W49 { width: 53.8ex; }
select.W45 { width: 48ex; }
select.W40 { width: 43ex; }
select.W35 { width: 38ex; }
select.W30 { width: 33ex; }
select.W25 { width: 28ex; }
select.W20 { width: 23ex; }
select.W15 { width: 18ex; }
select.W10 { width: 13ex; }
select.W5 { width: 8ex; }

label.W110 { float:left; width: 110ex; }
label.W100 { float:left; width: 100ex; }
label.W90 { float:left; width: 90ex; }
label.W80 { float:left; width: 80ex; }
label.W70 { float:left; width: 70ex; }
label.W55 { float:left; width: 55ex; }
label.W50 { float:left; width: 50ex; }
label.W45 { float:left; width: 45ex; }
label.W40 { float:left; width: 40ex; }
label.W35 { float:left; width: 35ex; }
label.W30 { float:left; width: 30ex; }
label.W25 { float:left; width: 25ex; }
label.W22 { float:left; width: 22ex; }
label.W21 { float:left; width: 21ex; }
label.W20 { float:left; width: 20ex; }
label.W15 { float:left; width: 15ex; }
label.W10 { float:left; width: 10ex; }
label.W5  { float:left; width: 5ex; }

textarea.W5 { width: 5ex; }
textarea.W10 { width: 10ex; }
textarea.W15 { width: 15ex; }
textarea.W20 { width: 20ex; }
textarea.W25 { width: 25ex; }
textarea.W30 { width: 30ex; }
textarea.W35 { width: 35ex; }
textarea.W40 { width: 40ex; }
textarea.W45 { width: 45ex; }
textarea.W50 { width: 50ex; }
textarea.W55 { width: 55ex; }
textarea.W60 { width: 60ex; }
textarea.W65 { width: 65ex; }
textarea.W70 { width: 70ex; }

.ReferenceDataLabel {
	width: 257px;
	border: solid 1px Black;
}

.FormLabel200 {
	width: 352px;
	display: block;
	float: left;
}

.FormLabel200_Small {
	width: 352px;
	text-align: justify;
	font-size: 92%;
}
.FormLabel100 {
	width: 176px;
	display: block;
	float: left;
}

.FormLabel50 {
	width: 88px;
	display: block;
	float: left;
}
.FormLabel33
{
	width: 55px;
	display: block;
	float: left;
}
.FormLabelNoClear
{
	width: 50px;
	vertical-align: middle;
}

.FOTMenuItem a, .FOTMenuItemWithData a, .FOTMenuItem
{
	color: #004;
	font-weight: normal;
	font-size : 11px;
}

.FOTMenuItem a:hover, .FOTMenuItemWithData a:hover {
	color: White;
	background-color: #339;
	width:100%;
}

.FOTMenuItem 
{
	font-size: 85%;
	background-color:#e1e4ee;
	width: 150px;
	border:1px solid #888;
	border-top:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:150px;
	height:100%;
}

.FOTMenuItemWithData {
	font-weight:bold;
}

.FOTBeheerLeft {
	vertical-align:top;
	text-align:left;
}

td.FOTBeheerLeft {
	background-color:#e1e4ee;
	border:1px solid #888;
	border-top:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:150px;
	height:100%;
}

td.FOTBeheerRight {
	background-color:#FFF;
}

#PageFOTBeheer {
	height:100%;
}

#PageAutorisatieProfielLijst {
}

#PageAutorisatieProfielLijst .Grid {
	margin: 5px 0 10px 0;
}

#PageAutorisatieProfielLijst .Grid .ColumnProfielNaam {
	width: 300px;
}

.Grid275 {
	width: 400px;
}

span {
	padding: 0;
	margin: 0;
	border: 0;
}

span.Error select
{
	border-color: Red;
	border-style: solid;
}

* html span.Error select 
{
	border: inherit;
}

* html span.Error 
{
	padding-top: 1px;
	padding-left: 1px;
	border: 2px solid Red;
}

/* DateBox control ======================================================== */

.DateBox {
	display: inline;
}

.DateBox input {
	background-color: #eee;	
}

.DateBox .Field1 , .DateBox .Field2 { width: 3ex; }
.DateBox .Field3 { width: 5ex; }

.DateBox .Red {
	border-style: solid; 
	border-color: #f00; 
}

.DateBox .Error {
	border-style: solid; 
	border-color: #f00; 
}

/* RRNBox control ======================================================== */

.RRNBox { 
	display: inline; 
}

.RRNBox input {
	background-color: #eee;	
	margin: 0 2px 3px 0;
}

.RRNBox .Field1 {
	width: 7ex;
}

.RRNBox .Field2 {
	width: 4ex;
}

.RRNBox .Field3 {
	width: 3ex;
}

/* PageBWBeheerWagenTypes  ========================================================== */
#PageBWBeheerWagenTypes {
	/* --- */
}

/* PageBWBeheerWagenTypesDetail  ========================================================== */
#PageBWBeheerWagenTypesDetail {
	/* --- */
}

/*  PageBWBeheerWagenparkDetail  ========================================================== */
#PageBWBeheerWagenparkDetail {
	/* --- */
}


/* OndernemingsNrBox control ======================================================== */

.OndernemingsNrBox {
	display: inline;
}

.OndernemingsNrBox input {
	background-color: #eee;
	color: Black;
/*	border: 1px solid #000;
	padding: 1px;*/
	margin: 0 2px 3px 0;
}

.OndernemingsNrBox .Field1 {
	width: 5ex;
}

.OndernemingsNrBox .Field2 {
	width: 4ex;
}

.OndernemingsNrBox .Field3 {
	width: 4ex;
}

/* RIZIVNrBox control ======================================================== */

.RIZIVNrBox {
	display: inline;
}

.RIZIVNrBox input {
	background-color: #eee;
	color: Black;
/*	border: 1px solid #000;
	padding: 1px;*/
	margin: 0 2px 3px 0;
}

.RIZIVNrBox .Field1 { width: 2ex; }
.RIZIVNrBox .Field2 { width: 6ex; }
.RIZIVNrBox .Field3 { width: 3ex; }
.RIZIVNrBox .Field4 { width: 4ex; }

/* OGMBox control ======================================================== */

.OGMBox {
	display: inline;
}

.OGMBox  input {
	background-color: #eee;	
	margin: 0 2px 3px 0;
}

.OGMBox  .Field1 { width: 4.0ex; }
.OGMBox  .Field2 { width: 5.0ex; }
.OGMBox  .Field3 { width: 6.0ex; }

/* BTWNrBox control ======================================================== */

.BTWNrBox {
	display: inline;
}

.BTWNrBox input {
	background-color: #eee;
	color: Black;
/*	border: 1px solid #000;
	padding: 1px;*/
	margin: 0 2px 3px 0;
}

.BTWNrBox .Field1 {	width: 3ex; }
.BTWNrBox .Field2 {	width: 13ex; }

/* NrVestigingsEenheidControl control ======================================================== */

.NrVestigingsEenheid {
	display: inline;
}

.NrVestigingsEenheid input {
	background-color: #eee;
	color: Black;
/*	border: 1px solid #000;
	padding: 1px;*/
	margin: 0 2px 3px 0;
}

.NrVestigingsEenheid .Field1 { width: 2.0ex; }
.NrVestigingsEenheid .Field2 { width: 8.0ex; }
.NrVestigingsEenheid .Field3 { width: 3.0ex; }

/* === DeleteConfirmation ================================================ */

span.ConfirmDelete span.DeleteLink
{
	padding-right: 5px;
}

span.ConfirmDelete a
{
	text-decoration: underline;
}

span.ConfirmDelete a:hover
{
	text-decoration: underline;
	color: red;
}

span.ConfirmDelete span.DeleteConfirm a.Yes
{
	padding-left: 5px;
	padding-right: 3px;
	border-right: 1px solid black;
	font-weight: bold;
}

span.ConfirmDelete span.DeleteConfirm a.No
{
	padding-left: 3px;
	font-weight: bold;
}


/* === DeleteConfirmation ================================================ */

/* NrGroepFirmaDepCatControl control ======================================================== */

.NrGroepFirmaDepCat {
	display: inline;
}

.NrGroepFirmaDepCat input {
	background-color: #eee;
	color: Black;
/*	border: 1px solid #000;
	padding: 1px;*/
	margin: 0 2px 0px 0;
}

.NrGroepFirmaDepCat .Field1 { width: 11.0ex; }
.NrGroepFirmaDepCat .Field2 { width: 11.0ex; }
.NrGroepFirmaDepCat .Field3 { width: 3.5ex; }
.NrGroepFirmaDepCat .Field4 { width: 2.2ex; }

.NrGroepFirmaDepCat .RedMulti {
	border-style: solid;
	border-color: #f00;		
}

/* NrGroepFirmaControl control ======================================================== */

.NrGroepFirma {
	display: inline;
}

.NrGroepFirma input {
	background-color: #eee;
	color: Black;
/*	border: 1px solid #000;
	padding: 1px;*/
	margin: 0 2px 0px 0;
}

.NrGroepFirma .Field1 { width: 11.0ex; }
.NrGroepFirma .Field2 { width: 11.0ex; }

.NrGroepFirma .RedMulti {
	border-style: solid;
	border-color: #f00;		
}

/* FiscPeriode control ======================================================== */

.FiscPeriode {
	display: inline;
}

.FiscPeriode input {
	background-color: #eee;
	color: Black;
	margin: 0 2px 0px 0;
}

.FiscPeriode .Field1 { width: 7.6ex; }
.FiscPeriode .Field2 { width: 4.5ex; }

.RedMulti input {
	border-style: solid;
	border-color: #f00;		
}

/* MMJJJJ control ======================================================== */

.MMJJJJ {
	display: inline;
}

.MMJJJJ input {
	background-color: #eee;
	color: Black;
	margin: 0 2px 0px 0;
}

.MMJJJJ .Field1 { width: 3.5ex; }
.MMJJJJ .Field2 { width: 6.6ex; }

.MMJJJJ .RedMulti {
	border-style: solid;
	border-color: #f00;		
}

/* Content Page ======================================================== */

.ContentPage {
	margin: 0 0 5px 0;
	width: 789px;
}

.ContentTabPage {
	margin: 0 0 5px 0;
	width: 789px;
}

.Scrollable {
	margin: 0em 0 1.0em 0;
	padding: 1em 0;
	width: 99.8%;
	overflow:auto;
	overflow-y: hidden;
}

.ContentPage fieldset {
	margin: 6px 0;
	padding: 0 0 8px 0;
	border: 0;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
}

.ContentPage fieldset legend {
	margin-bottom: 10px;
}

.InfoMainFrame {
	color:Red;
	font-size:14pt;
}


div.ContentPage h1 {
	text-align: center;
	padding: 1px 4px;
	margin: 0 0 8px 0;
	font-size: 100%;
	border: 1px solid #444;
	background-color: #bbf;
}

div.ContentPage h2 {
	background-color: #ddd;
	padding: 2px 1px 2px 4px;
	font-weight: bold;
	color: #333;
	font-size: 90%;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #ccc;
}

div.Rechts
{
	text-align:right;
}

div.Center
{
	text-align:center;
}

.PageTitle
{
	text-align: center;
	padding: 1px 4px;
	margin: 3px 3px 0 2px;
	font-size: 100%;
	border: 1px solid #888;
	background-color: #bbf;
}

/* WerkgeverHeheer/SearchResults.aspx =========================================== */

#PageWGSearchResults {
	padding: 5px 0 10px 0;
}

#PageWGSearchResults .Grid {
	font-size: 90%;
}
#PageWGSearchResults .GridWithoutBorder {
	font-size: 90%;
	border: 0;
}

/* WerkgeverBeheer/DetailSearchView.Aspx ========================================*/
#PageWGDetailSearchView {
	padding: 5px 0 10px 0;
}
#PageWGDetailSearchView .Grid {
	font-size: 90%;
}

/* Adressen/Default.aspx ======================================================== */

#PageAdressenDefault #Adresgegevens {
	/*width: 100%;*/
	clear: both;
}

#PageAdressenDefault #Adresgegevens td {
	/*width: 25%;*/
	padding: 1px;
	font-size: 90%;
}

#PageAdressenDefault .RadioButton {
	display: block;
	float: left;
	font-size: 90%;
	margin: 5px;
}

/* AdviesLogin.aspx ============================================================== */

#PageLogin {
	text-align: center;
}

#PageLogin div 
{
	text-align: center;
}

#PageLogin h1 {
	margin-top: 150px;
}

#PageLogin div.row {
  clear: both;
  padding-top: 2px;
  }

#PageLogin div.row span.label {
  float: left;
  width: 100px;
  text-align: right;
  }

#PageLogin div.row span.box {
  float: right;
  width: 225px;
  text-align: left;
  } 

/* === PanelHeader ========================================================== */

div.PanelHeaderMin , div.PanelHeaderMax, div.PanelHeaderMinLeft, div.PanelHeaderMaxLeft {
	background-color: #9FA9D4;
	color: #000;
	padding: 3px;
	/*margin: 4px auto 0 auto;*/
	border: 1px solid #666;
	font-weight: bold;
}

/*div.PanelHeaderMin,div.PanelHeaderMinLeft {
	width: 780px;
}*/

div.PanelHeaderMin a , div.PanelHeaderMax a {
	display: block;
	width: 16px;
	height: 16px;
	text-decoration: none;
	float: right;
}

div.PanelHeaderMinLeft a , div.PanelHeaderMaxLeft a {
	display: block;
	width: 16px;
	height: 16px;
	text-decoration: none;
	float: left;
	margin-right: 5px;
}

div.PanelHeaderMin a, div.PanelHeaderMinLeft a {
	background-image: url(images/portlet_unmin.gif);
	background-repeat: repeat-y;
}

div.PanelHeaderMax a, div.PanelHeaderMaxLeft a {
	background-image: url(images/portlet_min.gif);
	background-repeat: repeat-y;
}

div.PanelBodyMin {
	display: none;
}

.DynamicPanelBody {
	border: 1px solid black;
	border-top: 0;
	padding-bottom: 10px;
	padding-left: 5px;
	z-index: 0;
}

/*Used in control ParametersContractbreuk.ascx*/
.DynamicPanelBody1
{
	border: 1px solid black;
	border-top: 0;
	padding: 5px 5px 10px 5px;
}

.DynamicPanelBody ul {
	margin-top: 0;
	padding-top: 10px;
	font-size: 90%;
}

li .SearchCriteria {
	font-weight: bold;
	text-decoration: underline;
}

/* === LocatieControl =======================================================*/

.LocatieControl 
{
	float: left;
	margin: 0;
	padding: 0;
}

.LocatieControl .Land 
{
	display: block;
	width: 240px;
	background-color: #eee;
	color: Black;
	margin-top: 2px;
}

* html .LocatieControl input , * html .LocatieControl select { 
	margin-left: 3px; 
}

.LocatieControl .Postcode 
{
	background-color: #eee;
	color: Black;
	width: 75px;
}

.LocatieControl .Gemeente
{
	background-color: #eee;
	color: Black;
	width: 150px;
}

/* === YesNoControl =========================================================*/

.YesNoControl {
	display: inline;
}

.YesNoControl span { margin-right: 10px; }

/* === NaceCodeControl =============================================== */

.NaceCodeControl 
{
	float: left;
	margin: 0;
	padding: 0;
}

.NaceCodeControl .NaceCode 
{
	display: block;
	width: 40px;
	background-color: #eee;
	color: Black;
	margin-top: 2px;
}

.NaceCodeControl .NaceBeschrijving
{
	display: block;
	width: 350px;
	background-color: #eee;
	color: Black;
	margin-top: 2px;
}

/* ======== Grids ==================================================== */
.Grid
{
	border: 1px solid #666;
}

.Grid * 
{
	border-collapse: separate;
}

.Grid .VeryWide {
	width: 300px;
}

.Grid td , .Grid th { 
	padding: 1px 4px;
	font-size: 90%;
}

.InnerGrid td , .InnerGrid th { 
	font-size: 100%;
}

.Grid tbody tr.Odd {
	background-color: #fbfbff;
}

.Grid tbody tr.Even {
	background-color: #efeffe;
}

.Grid tbody tr.Hover {
	background-color: #bbe;
	cursor: pointer;
}

.Grid thead tr {
	background: #9FA9D4;
	text-decoration: none;
	font-weight: normal;	
	padding: 1px 4px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;

}

.Grid tr.RowStyle
{
	background-color: #fbfbff;
	cursor: pointer;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #f0f0f8;
}

.Grid tr.RowStylePointerStyle
{
	background-color: #fbfbff;
	cursor: default;
	border-top: 1px solid #fff;
	/*border-bottom: 1px solid #f0f0f8;*/
}

.Grid tr.AlternatingRowStyle
{
	background-color: #efeffe;
	cursor: pointer;
	border-top: 1px solid #f3f3ff;
	border-bottom: 1px solid #e0e0f8;
}

.Grid tr.AlternatingRowStylePointerStyle
{
	background-color: #efeffe;
	cursor: default;
	border-top: 1px solid #f3f3ff;
	/*border-bottom: 1px solid #e0e0f8;*/
}

.Grid tr.RowHoverStyle
{
	background-color: #bbe;
	cursor: pointer;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

.Grid tr.RowHoverStylePointerStyle
{
	background-color: #bbe;
	cursor: default;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

.Grid .EditRowStyle 
{
	background-color: #FFF;
}

.Grid .SelectedRowStyle
{
	background-color: #FFF;
	cursor: pointer;
}

.Grid .SelectedRowStylePointerStyle
{
	background-color: #FFF;
	cursor: default;
}


.Grid a.CellAsc {
	/* float: right; */
	display: block;
	background: url(Images/ascending.gif) no-repeat top right;
	padding-right: 16px;
}

.Grid a.CellDesc {
	/* float: right; */
	display: block;
	background: url(Images/descending.gif) no-repeat top right;
	padding-right: 16px;
}

.Grid .FooterStyle
{
}

.Grid .HeaderStyle
{
	background: #9FA9D4;
	text-decoration: none;
	font-weight: normal;
	color: #000;
	padding: 1px 4px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}

.Grid .PagerStyle
{
	border: 1px solid #555;
	background-color: #e0e0f0;
}

.Grid .GroupHeaderStyle
{
	font-weight:bold;
	cursor: pointer;
}

* html .NaceCodeControl input , * html .NaceCodeControl select { 
	margin-left: 3px; 
}

div.FormLine:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div.FormLine { display: inline-table;}

/* Hides from IE-mac \*/
* html div.FormLine {height: 1%;}
div.FormLine {display: block;}
/* End hide from IE-mac */


/* Kludges ==================================== */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Tab ==================================== */
	
.NavTab {
}

.NavTab .Menu {
	border-bottom: 2px solid #339; 
	border-spacing: 2px;
	margin-bottom: 3px;
	padding-left: 3px;
}

.NavTab .TabItem, 
.NavTab .TabItemSelected, 
.NavTab .TabItemDisabled, 
.NavTab .TabItemDone, 
.NavTab .TabItemSelectedDone {
	padding: 0;
	margin: 2px 0 0 2px;
	font-size: 90%;
	float: left;
	position: relative;
}

.NavTab .TabItem a, 
.NavTab .TabItemSelected a, 
.NavTab .TabItemDone a, 
.NavTab .TabItemSelectedDone a,
.NavTab .TabItemDisabled span {
	text-decoration: none;
	padding: 5px 6px;
	color:#004;
	display: block;
	position: relative;
	top: 2px;
	border: 1px solid black;
	border-bottom: 2px solid #339;
	margin-top: 3px;
}

.NavTab .TabItemDisabled span {
	background-color: #eee;
	color: #aaa;
}

.NavTab .TabItem a {
	background-color: #ddd;
}

.NavTab .TabItemSelected a, .NavTab .TabItemSelectedDone a {
	background-color: #fff;
	border: 2px solid #339;
	border-bottom: 2px solid #fff; 
	margin-top: 0;
	padding: 6px;
	top: 2px;
}

.NavTab .TabItemDone a {
	background-color: #ddd;
	padding-left: 16px;
	padding-right: 2px;
	background: #ddd url(Images/checkball.gif) no-repeat 1px center;
}

.NavTab .TabItemSelectedDone a {
	padding-left: 16px;
	padding-right: 2px;
	background: #fff url(Images/checkball.gif) no-repeat 1px center;
}

* html .NavTab .TabItemSelectedDone a 
{
	background-position: 3px center;
}

.NavTab .TabItem a:hover, 
.NavTab .TabItemDone a:hover, 
.NavTab .TabItemSelected a:hover, 
.NavTab .TabItemSelectedDone a:hover {
	background-color: #ddf;	
	margin-top: 1px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.NavTab .TabItemSelected a:hover, 
.NavTab .TabItemSelectedDone a:hover {
	margin-top: 0;
	background-color: #fff;

}

.NavTab .Menu:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* html .NavTab .Menu { height: 1%; }

/* === End Tabs =============================================================== */


/* === BerekenBarema.aspx ===================================================== */

.DetailWeergave {margin-left: 25px; margin-top: 15px;}
.Center{ text-align: center; display: block; margin: auto 0px auto 0px;}
.PrintHolder{ text-align: right; margin-right: 5px;}
.LevelShow{ text-align: left; padding-bottom: 0.5em;}
.ButtonHolder { text-align: center; margin-bottom: 30px;}
.PopupMessage {margin-left: 15px; margin-top: 15px;}
.Container{ width: 790px; margin: auto 0px auto 0px; float: none; }
.DebetCreditGelijkMelding{ text-align: center; margin-top: 5px;}
#MainContainer{}
#LeftColumn{ width: 401px; height:100%; vertical-align: top; float: left;}
#RightColumn{ width: 387px; text-align: right; vertical-align: top; height:100%; float: right;}
.RowHolder{ height: 23px; }
.ValidatorContainer{ position: relative; display:inline; vertical-align:top; }
.Validator { position:absolute; left: 0px; top: 5px;}
.RightTopLblHolder{ width: 175px; text-align: left; float: left;}
.RightTxtHolder{ width: 170px; float: left; margin-bottom: 0px; vertical-align: bottom; height: 26px;}
.Top{ margin-top: 3px;}
.TopLbl{ height: 18px;}
.TextLeft{text-align: left;}
.CenteredTextLeft { text-align: left; margin-left: 40px;}
.TextRight{text-align: right;}
.RightLabel{ width: 150px;}
/*.ExportHolder{ text-align: left; margin-left: 5px;}*/

#popup
{
	position: absolute;
	display: none;
	background-color: #e1e4ee;
	width: 790px;
	height: 85px;
	z-index: 1;
}

#DetailPopup
{
	position: absolute;
	display: none;
	background-color: #e1e4ee;
	width: 300px;
	height: 180px;
	top: 290px;
	z-index: 1;
}

#LeftContainerWithoutPC{}
#RightContainerWithoutPC{}

#ParComToolTip
{
	position:absolute;
	visibility:hidden;
	background: #e1e4ee;
	border:1px solid gray;
	padding:2px;
	font-size:8pt;
	width: auto; 
	z-index: 9999; 
	white-space: nowrap; 
	font-family:Verdana;
}

#ToolTipBox
{
	position:absolute;
	display: block;
	visibility: hidden;
	overflow:hidden;
	background: #e1e4ee;
	border:1px solid gray;
	padding:2px;
	font-size:8pt;
	width: 245px; 
	z-index: 9999; 
	white-space:pre-wrap;
	font-family:Verdana;
}

#ValidationToolTipBox
{
	position: absolute;
	display: none;
	background: #e1e4ee;
	border: 1px solid Red;
	padding: 2px;
	font-size: 8pt; /*width: 245px; */
	z-index: 9999;
	white-space: pre-wrap;
	font-family: Verdana;
}

#ToolTipBox iframe
{
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	width: 100%;
	height: 100%;
	filter:mask();
}


.LblEwadGwadHolder{ width: 50px; float: left; text-align: center; margin-bottom: 0px; vertical-align: bottom; height:26px;}
.Filler{ width: 13px; float: left;}
.InputField{background-color: #eee; color: Black; border: 1px solid #000; padding: 1px; margin: 0px 2px 3px 0px;}
.VbDatum{ font-size: 9px; vertical-align: middle; top: 3px;}
.ResultHeader{ font-size: 14px; font-weight: bold;}
.BtnHolder{
	text-align: center;
	display: block;
	margin: 5px;
}

.FDCPMultiTextBox input {
	display: inline;
	background-color: #eee;
	color: Black;
	padding: 1px;
	margin: 0 2px 3px 0;
}

.FDCPMultiTextBox .Field1 {
	width: 11ex;	
}

.FDCPMultiTextBox .Field2 {
	width: 3ex;
}
	
.FDCPMultiTextBox .Field3 {
	width: 2ex;
}

.FDCPMultiTextBox .Field4 {
	width: 11ex;
}

/* ============= Begin Red Multitext ============== */

.FDCPMultiTextBox .RedMulti {
	border-style: solid;
	border-color: #f00;		
}

/* ============= Einde Red MultiText ============== */

.NaamVoorNaamMultiTextBox input {
	display: inline;
	background-color: #eee;
	color: Black;
	padding: 1px;
	margin: 0 2px 3px 0;
}

.NaamVoorNaamMultiTextBox .Field1 {
	width: 22ex;
}

.NaamVoorNaamMultiTextBox .Field2 {
	width: 11ex;
}

/* ============= Begin GFDCP Multitextbox ========== */

.GFDCPMultiTextBox input {
	display: inline;
	background-color: #eee;
	color: Black;
	padding: 1px;
	margin: 0 2px 3px 0;
}

.GFDCPMultiTextBox .Field1 {
	width: 12ex;
}

.GFDCPMultiTextBox .Field2 {
	width: 12ex;	
}

.GFDCPMultiTextBox .Field3 {
	width: 3ex;
}
	
.GFDCPMultiTextBox .Field4 {
	width: 2ex;
}

.GFDCPMultiTextBox .Field5 {
	width: 12ex;
}

/* ============= Begin Red Multitext ============== */

.GFDCPMultiTextBox .RedMulti {
	border-style: solid;
	border-color: #f00;		
}

/* ============================================================================ */


/* ========= IngaveSchermSignalitiek.aspx ======================================================== */

.ErrorLabel
{
	border-style: solid;	
	border-color: #f00;	
}
.ValidatorHide{ visibility: hidden; }

.BNCcont{ width: 720px; height:100%; margin-left: 5px; }
.bncLblHolder{ width: 285px; text-align: left; float: left; margin-right: 5px;}
.bncTxtHolder{ width: 425px; float: left;}
.bncTxtHolderDdl{ width: 425px; float: left; padding-bottom: 2px; padding-top: 3px;}

.bncSignalitiekLblHolder{ width: 245px; text-align: left; float: left; margin-right: 5px;}
.bncSignalitiekTxtHolder{ width: 257px; float: left;}

.bncDetailLblHolder{ width: 125px; text-align: left; float: left; margin-right: 5px;}
.bncDetailTxtHolder{ width: 520px; float: left;}
.BNCDetailcont{ width: 665px; height:100%; /*margin-left: 5px;*/ }
.bncDetailRowHolder{ /*padding: 2px;*/ height: 20px;}

.loongegLblHolder{ width: 176px; text-align: left; float: left; margin-right: 5px;}
.loongegTxtHolder{ width: 224px; float: left;}

.PTenLasteLeftHolder{ width: 90px; text-align: center; float: left; margin-right: 5px;}
.PTenLasteRightHolder{ width: 90px; float: left; text-align: center;}

.BNCWrapper { margin-bottom: 20px; padding-top: 10px; }
.BNCRowHolder { height: 23px; clear:both; }
.BNCHeader{ text-align: center; background-color: #eee; border:1px solid #888; margin: 10px 0px 20px 0px;}
.BNCResultHeader{ text-align: left; background-color: #eee; border:1px solid #888; margin: auto 0px auto 0px;}

.PTenLasteRowHolder{ width: 184px; float: left; margin-left:17px; }
.navtext {width:235px;font-size:8pt;font-family:verdana;border-width:2px;border-style:outset;border-color:#006BAE;background-color:#FFF6D9;color:black;}
.BNCResultTable { /*font-weight:bold;*/ text-decoration:underline; text-align:center;}
.BNCResultHeader{ text-align: center; background-color: #eee; border:1px solid #888; margin: auto 0px auto 0px;}
.BNCInvisible{visibility:hidden; }
.BoldCell{ font-weight:bold;}
.ResultCell{ text-align:right;vertical-align:text-top;}
.BorderedBoldCell{ font-weight:bold; vertical-align:text-top;  border-top:1px solid black;}
.BorderedBoldResultCell{font-weight:bold; border-top:1px solid black; vertical-align:text-top; text-align:right;}
.ResultLabelCell{ text-align:left;vertical-align:text-top;}

.BNCResultScrollable {
	margin: 0em 0 1.0em 0;
	padding: 1em 0;
	width: 99.8%;
	overflow:auto;
}

input.Right { text-align:right; }

/* === MultiDropDown ================================================== */

.MultiDropDown 
{
	display: table-cell;
	display: inline-block; 
	width: 300px;
	position: relative;
	font-size: 90%;
	z-index: 0;
}

.MultiDropDown div.Control
{
	border-style: inset;
	border-width: 1px;
	background: #eee;
}

.MultiDropDown div.Control:after { 
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.MultiDropDown div.Control { display: inline-block; }
 * html .MultiDropDown div.Control { height: 1%; }
        .MultiDropDown div.Control { display: block; }

.MultiDropDown input.Button {
	background: #ddd;
	float: right;
	margin: 0;
	padding: 0;
	border-style:  outset;
	border-width: 1px;
	font-size: 90%;
}

.MultiDropDown input.ButtonFocus 
{
	background: #ddd;
	float: right;
	margin: 0;
	padding: 0;
	border-style:  outset;
	border-width: 1px;
	font-size: 90%;	
}

.MultiDropDown span.Label { 
	position: relative;
	top: 2px;
	padding: 0 2px 0 3px;
}

.MultiDropDown input.SearchBox {
	width: 150px;
}

.MultiDropDown .Results {
	padding: 0;
	width: 300px;
	border: 1px solid #444;
	background: #ddd;
	height: 200px;
	position: absolute;
	overflow: auto;
	display: none;
	overflow-x:hidden;
	z-index: 10;	
}

.MultiDropDown .Results iframe {
	position: absolute;
    width: 300px;
    height: 200px;
    z-index: 8;
	top:0;
	left:0;
	filter:mask();  	
}

.MultiDropDown .Results table {
	position: relative;
	border-collapse: collapse;	
	width: 100%;
	z-index: 999;
}

.MultiDropDown .Results table td, .MultiDropDown .Results table th {
	padding: 1px;
	padding-left: 3px;
	padding-right: 3px;
}

.MultiDropDown .Results table td {
	border-top: 1px solid #888;
	cursor: default;
}

.MultiDropDown .Results table tr {
	border-top: 1px solid #888;
	cursor: default;
}

.MultiDropDown .Results table tr.Selected {
	background: #bbf;
}

.MultiDropDown .Results table th {
	background: #666;
	color: #fff;
	cursor: default;
}

.MultiDropDown .Results table input 
{
	position: relative;
	margin: 0; 
	padding: 0;
	z-index: 200;
}

.W2 { width: 2ex; }
.W3 { width: 3ex; }
.W5 { width: 5ex; }
.W6 { width: 6ex; }
.W7 { width: 7ex; }
.W10 { width: 10ex; }
.W10 .Results { width: 10ex; }
.W15 { width: 15ex; }
.W15 .Results { width: 15ex; }
.W20 { width: 20ex; }
.W20 .Results { width: 20ex; }
.W25 { width: 25ex; }
.W25 .Results { width: 25ex; }
.W30 { width: 25ex; }
.W30 .Results { width: 30ex; }
.W35 { width: 35ex; }
.W35 .Results { width: 35ex; }
.W40 { width: 40ex; }
.W40 .Results { width: 40ex; }
.W45 { width: 45ex; }
.W45 .Results { width: 45ex; }

/* DateBox control ======================================================== */

.DatePickerError 
{
	display: inline;
}

.DatePickerError input 
{
	background-color: #eee;	
	width: 10ex;	
	border-style: solid; 
	border-color: #f00; 
}

.DatePicker {
	display: inline;
}

.DatePicker input {
	background-color: #eee;	
	width: 10ex;
}

.DatePicker input.Error {
	border-style: solid; 
	border-color: #f00; 
}

.DatePicker img {
	vertical-align: top;
	margin-top: 3px;
	cursor: pointer;
}

/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #556;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #eef;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: #778 no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #fff;
  color: #000;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #778;
  color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #bdf;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #556;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #aaf;
  color: #000;
  border: 1px solid #04f;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #77c;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day .othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day .othermonth .oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #bdf;
}

.calendar tbody .rowhilite td {
  background: #def;
}

.calendar tbody .rowhilite td.wn {
  background: #eef;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #def;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #556;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #fff;
  color: #445;
  border-top: 1px solid #556;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaf;
  border: 1px solid #04f;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #77c;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #acf;
}

.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #eef;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}

div.ValidationSummary 
{
	background-color: #fdd;
	border: 1px solid #c88;
	color: #b00;	
	margin-bottom: 5px;
}

/* MinPlus DIV ============================================================= */

.plusDiv 
{
	cursor: pointer;
	float: left;
	background-image: url(Images/plus.gif);
	width: 19px;
	height: 16px;
	background-repeat: no-repeat;
}

.minusDiv 
{
	cursor: pointer;
	float: left;
	background-image: url(Images/minus.gif);
	width: 19px;
	height: 16px;
	background-repeat: no-repeat;
	
}


/* TreeView control ======================================================== */

.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}	

.treeview li { 
	margin: 0;
	padding: 3px 0px 1px 20px;
}

.treeview li .disablednode {
	color: #808080;
	cursor: default;
}

.treeview li selecteddisablednode {
	color: #808080;
	font-weight: bold;
	cursor: default;
}

.treeview li span {
	cursor: pointer;
	padding-left: 5px;
}

.treeview li .node {
	font-weight: normal;	
}

.treeview li .selectednode {
	font-weight: bold;	
}

.treeview li .hovernode {
	font-weight: normal;
	color: Red;
}

.treeview li .selectedhovernode {
	font-weight: bold;	
	color: Red;
}

.treeview .innerUlParentHasBrothers {
	background: url(Images/tv.gif); 
	background-repeat: repeat-y;
	background-position: 0 1px;
	margin-left: -20px;	
}

.treeview .innerUlParentHasBrothers li {
	margin-left: 20px;
}

.treeview .innerUlParentHasBrothersOnlyAbove {
	margin-left: -20px;
}

.treeview .innerUlParentHasNoBrothers { 
	margin-left: -20px;
}

.treeview .innerUlParentHasNoBrothers li { 
	margin-left: 20px;
}

.treeview li .divCollapse {
	width: 10px !important;
	cursor: pointer;
	display: inline;
	margin-left: -15px;
	padding: 0;
}

.treeview li .divCollapse img {
	width: 10px; 
}

.treeview li .divNotCollapse {
	width: 0px;
	margin-left: -2px;
	padding: 0px;
	display: inline;
	_width: 10px;
	_margin-left: -10px;
	_padding: 0 5px 0 0;
}

.treeview li { background: url(Images/tv.gif) 0 0 no-repeat; }
.treeview .collapsable { background-image: url(Images/tv-collapsable.gif); }
.treeview .lastCollapsable { background-image: url(Images/tv-collapsable-last.gif); }
.treeview .firstCollapsable { background-image: url(Images/tv-collapsable.gif); }
.treeview .onlyCollapsable { background-image: url(Images/tv-collapsable-only.gif); }
.treeview .item { background-image: url(Images/tv-item.gif); }
.treeview .lastItem { background-image: url(Images/tv-item-last.gif); }
.treeview .expandable { background-image: url(Images/tv-expandable.gif); }
.treeview .lastExpandable { background-image: url(Images/tv-expandable-last.gif); }
.treeview .firstExpandable { background-image: url(Images/tv-expandable.gif); }
.treeview .onlyExpandable { background-image: url(Images/tv-expandable-only.gif); }


/* FirmaTreeView control ======================================================== */

.firmatreeview span {
	cursor: pointer;
	float: left;
	_width: 99%;
}

.firmatreeview span.node {
	font-weight: normal;
}

.firmatreeview span.selectednode {
	font-weight: bold;	
	background-color: #9FA9D4;	
}

.firmatreeview span.hovernode {
	font-weight: bold;
	background-color: #9FA9D4;
	color: Red;
}

.firmatreeview span.selectedhovernode {
	font-weight: bold;	
	background-color: #9FA9D4;
	color: Red;
}

.firmatreeview .divCollapse {
	width: 10px !important;
	cursor: pointer;
	display: inline;
	margin-left: -15px;
	padding: 0;
	float: left;
}

.firmatreeview .divCollapse img {
	width: 10px; 
}

.firmatreeview .divNotCollapse {
	width: 0px;
	padding: 0;
	display: inline;
}

/* Paging Rappel ======================================================== */

.selectedUrlRappel
{
	text-decoration: none;
	font-weight: bold;
	margin-left: 5px;
	margin-right: 5px;
}

.UrlRappel
{
	margin-left: 5px;
	margin-right: 5px;
}

/* Details GFP ======================================================== */

/* Margin & Padding altijd = 0 !!!!!! */

.GFPDetailsOverallContainer
{
	width: 790px; 
	height: 360px;
	max-width: 790px !important;
    max-height: 360px !important;	
    margin: 0;
    padding: 0;
}	

.GFPDetailsKolomHeader
{
	background: #9FA9D4;
	text-decoration: none;
	font-weight: normal;
	color: #000;
	padding: 1px 4px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;	
	text-align: center;
	height: 38px !important;
	max-height: 38px !important;
	vertical-align: middle;
}

.GFPDetailsKolomContainer
{
	float: left;
	height: 340px;
	max-height: 350px !important;
    max-width: 302px !important;
	overflow: auto;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;	
    margin: 0;
    padding: 0;	
}

.GFPDetailsKolomLeft
{
	float: left;
	width: 355px;
    margin: 0;
    padding: 0;	
}

.GFPDetailsKolomCenter
{
	height: auto;
	float: left;
    margin: 0;
    padding: 0;	
    border-left: 1px solid #666;
}

.GFPDetailsKolomRight
{
	float: left;
	width: 130px;
    margin: 0;
    padding: 0;	
    border-left: 1px solid #666; 
}

.GFPDetailsRow
{
	background-color: #fbfbff;
	border-bottom: 1px solid #666;
    margin: 0;
    padding: 3px 0 2px 0;		
}

.GFPDetailsAlternatingRow
{
	background-color: #efeffe;
	border-bottom: 1px solid #666;
    margin: 0;
    padding: 3px 0 2px 0;	
}

.GFPDetailsKolomCenter div
{
    margin: 0;
    padding: 0;		
}

.GFPDetailsKolomRight div, .GFPDetailsKolomCenter div
{
	text-align: center;
    margin: 0;
    padding: 0;	
}

.GFPDetailsKolomLeft .GFPDetailsRow, .GFPDetailsKolomLeft .GFPDetailsAlternatingRow
{
	padding-left: 5px;
}

.GFPDetailsKolomCenter .GFPDetailsRow, .GFPDetailsKolomCenter .GFPDetailsAlternatingRow
{
	text-align: right;
	padding: 3px 40px 2px 0;
}

.GFPDetailsKolomRight .GFPDetailsRow, .GFPDetailsKolomRight .GFPDetailsAlternatingRow
{
	text-align: right;
	padding: 3px 40px 2px 0;
}


.ErrorMessageWithValSummary, .ErrorMessageWithValSummary ul li
{
	list-style: none;
	color: Red;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11pt;	
	margin: 0;
	padding: 0;
}

/* ContractbreukParams.aspx ============================================= */
span.radioW50
{
	float: left;
	width: 50ex;
	display: block;
}

/* Easy CSS Tooltip - by Koller Juergen [www.kollermedia.at] */
a.tooltip:hover
{
	background: #ffffff;
}
/*BG color is a must for IE6*/
a.tooltip span
{
	display: none;
	background: #ffffff;
	padding: 2px 3px;
	margin-left: 8px;
	width: 250px;	
	text-decoration: none;
}
a.tooltip:hover span
{
	display: inline;
	position: absolute;
	border: 1px solid #cccccc;
	color: #6c6c6c;
}
/* End Easy CSS Tooltip */