/*
'===================================================================================
'	pw_basic.css
'	
'	Stylesheet voor ChainWise 4
'	copyright Bitwise 2004

'	AANGEPAST VOOR DOTNET
'	standaard accentkleur ChainWise rood: #990134

'===================================================================================
*/

* {
	font-family: Verdana,Helvetica,Arial,sans-serif;
}

body {
	background-color : #FFFFFF;
	/*background-color : #AAFFAA; */
	
	font-size: 8pt;
	font-weight: normal;
	color : #000000;
	margin-bottom : 0px;
	margin-left : 15px;
	margin-right : 0px;
	margin-top : 1px;
}

img { border: none; }


h1 {
	font-size: 14pt;
	font-weight: bold;
	
	margin-bottom : 10px;
	margin-top : 5px;
}

h2 {
	font-size: 12pt;
	font-weight: normal;
	color : #990134;
	margin-bottom : 10px;
	margin-top : 5px;
}

h3 {
	font-size: 10pt;
	font-weight: bold;
	
	margin-bottom : 4px;
	margin-top : 5px;
}

th {
	font-size: 8pt;
	font-weight: bold;
}

td {
	font-size: 8pt;
	font-weight: normal;
	
	vertical-align : top;
}

hr {
	color: #CACACC;
	height: 1px;
}

label {color: #990134; }

div.filterlink {
		position: relative;
	}
/*	comment nodig om ureninvoerscherm in firefox goed te laten werken
div.noprint {
		position: relative;
	}
	*/
	

/*
'===================================================================================
' stijlen voor snippets op startpagina										 
'===================================================================================
*/

table.snippet {
	background-color: #FFFFFF;
	color: #000000;
	border-style : none;
	border-width : 0px;
	border-color : #FFFFFF;
	font-size: 8pt;
	font-weight: normal;
	border-collapse: collapse;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 20px;
	}
	
th.snippet {
	background-color : #990134;
	color: #FFFFFF;
	background-image : url("/layout/images/rc_03.jpg");
	background-repeat : no-repeat;
	background-position: left top;
	font-weight: bold;
	text-align: left;
	height: 18px;
	margin : 0px;
	padding: 5px;
	}
	
td.snippet {
	background-color : #FFFFFF;
	color: #000000;
	font-weight: normal;
	line-height: 20px;
	text-align: left;
	vertical-align: top;
	
	border-style : solid;
	border-width : 1px;
	border-top-color : #990134;
	border-bottom-color : #CACACC;
	border-left-color : #CACACC;
	border-right-color : #CACACC;
	
	margin : 0px;
	padding: 5px;
	}
	
a.snippet {
	color: #990134;
	font-weight : normal;
	text-decoration : none;
}

span.snippet {
	color: #990134;
	font-weight : normal;
	text-decoration : none;
	cursor: pointer;
}

/*
'===================================================================================
' stijlen voor Form en FilterForm										 
'===================================================================================
*/
 
  table.Form {
  	 background-color:#EAEAEC;
	 border-style : ridge;
	 border-width : 1px;
	 
	 font-size: 8pt;
	 font-weight: normal;
	 
	 
	 }
	 
  .FormTitle {
  	 background-color:#990134;
	 color:#FFFFFF;
	 
	 font-size: 10pt;
	 font-weight: bold;
	 
	 padding: 4px;
	 
	 text-align : center;
	 }
	
/* afwijkende definitie voor filter forms */
 
 table.FilterForm {
  	 background-color:#EAEAEC;
	 border-style : ridge;
	 border-width : 1px;
	 
	 font-size: 8pt;
	 font-weight: normal;
	 
	 
	 }
	 
  .FilterFormTitle {
    background-color:#008A03;
	color:#FFFFFF;
	 
	font-size: 10pt;
	font-weight: bold;
	 
	padding: 4px;
	 
	text-align : center;
  	}
	
 table.SmallFilterForm {
  	 background-color:#EAEAEC;
	 
	 font-size: 8pt;
	 font-weight: normal;
	 
	 border-style : none;
	 border-width : 0px;
	 border-color: #FFFFFF;
	 
	 }
	 
td.SmallFilterForm {
	background-color:#EAEAEC;
	border-style : solid;
	 border-width : 1px;
	 border-color: #FFFFFF;
}
	 

  
 
/* == de rest van de stijlen voor form zijn onafhankelijk == */
  
td.FilterForm, td.Form, td.FilterFormLabel, td.FormLabel, td.FormLabelFlex {
	padding: 3px;
	vertical-align: top;
  	}
	
td.FilterFormLabel, td.FormLabel {
	color: #990134;
	width: 150px; 
	text-align: left;
  	}
	
td.FormLabelFlex {
	color: #990134;
	text-align: left;
}	
	
td.SmallFilterFormLabel {
	color: #990134;
	vertical-align: top;
  	}
	
.InputField, .FocusInputField {
    font-size: 8pt; 
    }
	 
.ButtonFace {
	font-size: 8pt;
	font-weight: bold;
	}
	 
.FormRowAlt1 {
	background-color : #CACACC;
	}

.FormRowAlt2 {
	background-color : #EAEAEC;
	} 

  .KmCatHeader {
  	font-size: 8pt;
	font-weight: bold;
	color: #990134;
	
	padding-top: 10px;
	
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #990134;

	text-align : left;
	}


/*
'===================================================================================
' stijlen voor List										 
'===================================================================================
*/	



td.ListCritFields, span.ListCritFields {
	color : #990134;
	text-align : right;
	font-weight : normal;
	vertical-align: top;
} 

td.ListCritValues, span.ListCritValues {
	color : #000000;
	text-align : left;
	font-weight : bold;
	vertical-align: top;
} 

td.ListCritVert {
	background-color : #FFFFFF;
	background-image : url("/layout/images/vertline.jpg");
	background-repeat : repeat-y;
	background-position: left top;
	width:13px;
	vertical-align: top;
}


table.ListBody {
	background-color:#FFFFFF;
	
  	font-size: 8pt;
	font-weight: normal;
	 
	padding : 3px;
	 
	vertical-align: top;
	
	}
	 
.ListTitle {
	background-color:#990134;
	color:#FFFFFF;
	 
  	font-size: 10pt;
	font-weight: bold;
	 
	padding : 3px;
	}

/*
.ListColHeading td, .ListColHeading_noprint td, .ListColHeading th, .ListColHeading_noprint th
 */
.ListColHeading, .ListColHeading_noprint, .ListColHeading td, .ListColHeading_noprint td, .ListColHeading th, .ListColHeading_noprint th {
  	background-color:#990134;
	color:#FFFFFF;
	font-weight: bold;
	padding : 3px;
	white-space : nowrap;
	}
	
.ListColHeading a {
	color:#FFFFFF;
	font-weight: bold;
	text-decoration : none;
}

/* .ListColHeading_blank td, .ListColHeading_blank th */	 
.ListColHeading_blank, .ListColHeading_blank td, .ListColHeading_blank th {
  	background-color:#FFFFFF;
	font-weight: bold;
	padding : 3px;
	white-space : nowrap;
	}
/* .ListColHeading2 td, .ListColHeading2 th */	 
.ListColHeading2, .ListColHeading2 td, .ListColHeading2 th{
  	background-color:#CCCCCC;
	font-weight: bold;
	padding : 3px;
	white-space : nowrap;
	}
/* .SortListColHeading td, .SortListColHeading th toegevoegd */	 
.SortListColHeading , .SortListColHeading td, .SortListColHeading th{
  	background-color:#990134;
	color:#FFFFFF;
	font-weight: bold;
	padding : 3px;
	white-space : nowrap;
	cursor: pointer;
	}
/* .SortListColHeading_blank td, .SortListColHeading_blank th  toegevoegd */	 
.SortListColHeading_blank, .SortListColHeading_blank td, 
.SortListColHeading_blank th {
  	background-color:#FFFFFF;
	font-weight: bold;
	padding : 3px;
	white-space : nowrap;
	cursor: pointer;
	}
	
/*.SortListColHeading2 td, .SortListColHeading2 th toegevoegd */	 
.SortListColHeading2, .SortListColHeading2 td, .SortListColHeading2 th {
  	background-color:#C8E1EE;
	font-weight: bold;
	padding : 3px;
	white-space : nowrap;
	cursor: pointer;
	}
	 
thead .arrow {
	color: #FFFFFF;
	font-family: webdings; 
	font-size: 10px;
	padding: 0px; 
	
	height: 11px; 
	width: 10px; 
	overflow: hidden;
			
	margin-bottom: 2px; 
	margin-top: -3px; 
	
	padding: 0px; 
	padding-top: 0px; 
	padding-bottom: 2px;
	}
	
.ListRowAlt1 {
	background-color : #CACACC;
	}

.ListRowAlt2 {
	background-color : #EAEAEC;
	} 
	
.ListRow {
	background-color : #EAEAEC;
	} 

/* border-style en border-width weggehaald, .ListRowAlt1 td,  .ListRowAlt2 td  toegevoegd */			
.ListCell, .ListCellNoBr, .ListCellError, .ListCell_blank, .ListCell_noprint, .ListRowAlt1 td,  .ListRowAlt2 td {
	padding : 3px;

	}
 
.ListCellNoBr {
	white-space: nowrap;
	}
	 
.ListCellError {
	color:#FF0000;
	}	
	
.ListCell_blank {
	border-color: #FFFFFF;
	background-color:#FFFFFF; 
	}
	
.ListCell_noprint {

	}
	
.ListColHeading_noprint { 

}
	
.SubTable table {
	background-color:#FFFFFF;
	color: #000000;
	font-size: 8pt;
	font-weight: normal;
	padding : 3px;
	vertical-align: top;
	}
	
.SubTable th {
	font-weight: bold;
	text-align: left;
	border-style: solid;
	border-width: 1px;
	border-color: #EAEAEC
	}
	
.SubTable td {
	border-style: solid;
	border-width: 1px;
	border-color: #EAEAEC
}

/*
'===================================================================================
' stijlen voor TabSheet										 
'===================================================================================
*/	 

table.tabsheet {
  	 background-color:#EAEAEC;
	 
	 font-size: 8pt;
	 font-weight: normal;
	 
	 margin: 3px;
	 padding: 0px;
	 
	 border-style : solid;
	 border-width : 2px;
	 border-color: #EAEAEC;
	 
	 border-collapse: collapse;
	 }
	 
th.tabsheet {
	/*background-color:#990134;
	color:#FFFFFF;*/
	
	font-size: 10pt;
	font-weight: bold;
	 
	padding: 4px;
	
	text-align : left;
	}
	
td.tabtitle {
	color: #990134;
	font-size: 10pt;
	font-weight: bold;
	padding: 8px;
	vertical-align: middle;
}

	 
td.tabsheet, td.tabsheetLabel {
	background-color:#FFFFFF;
	border-style : none;
	border-width : 0px;
	padding : 3px;
	vertical-align: top;
	margin:0px;
	}
	
td.tabsheet2 {
	background-color: #EAEAEC;
	border-style : none;
	border-width : 0px;
	border-color : #000000;
	margin : 0px;
	padding : 0px;
}
	
td.tabsheetLabel {
	color: #990134;
	width: 150px;
}

table.tabhead {
	padding: 0px;
	margin: 0px;
	background-color: #EAEAEC;
	border-style : none;
	border-width : 0px;
	border-collapse: collapse;
	}
	
	
td.tabhead {
	background-color:#EAEAEC;
	font-size: 8pt;
	font-family : Verdana,Helvetica,Arial,Sans-serif;
	color:#000000;
	font-weight: normal;	
	border-style : none;
	border-width : 0px;
	padding: 5px;
	margin-bottom : 0px;
	}

	
td.tabhead_sel {
	background-color:#FFFFFF;
	background-image : url("/layout/images/rc_05.jpg");
	background-repeat : no-repeat;
	background-position: left top;
	font-size: 8pt;
	font-family : Verdana,Helvetica,Arial,Sans-serif;
	color:#000000;
	font-weight: bold;	
	border-style : none;
	border-width : 0px;
	padding: 5px;
	margin-bottom : 0px;
	}
	
td.tabhead a {
	text-decoration : none;
	color:#000000;
	}	
	
td.tabhead_sel a {
	text-decoration : none;
	color:#000000;
	}
	
	
/*
'===================================================================================
' stijlen voor FactuurPreview										 
'===================================================================================
*/	

table.FactPrev {
  	 font-size: 8pt;
	 font-weight: normal;
	 
	 margin: 3px;
	 padding: 0px;
	 
	 border-style : solid;
	 border-width : 1px;
	 border-color: #000000;
	 
	 border-collapse: collapse;
	 }

.FactHdr {}

.FactAdres {}

.FactKopLabel {}

.FactKop {
	font-weight: bold;
	}


 .FactRegelColHdr {
 	padding-left : 5px;
	padding-right : 5px;
	padding-top : 0px;
	padding-bottom : 0px;
	border-style: none;
	border-width: 0px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	font-weight: bold;
	
	}

 .FactCell {
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 0px;
	padding-bottom : 0px;
	border-style: none;
	border-width: 0px;
	}
	
.FactCellRegKop {
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 10px;
	padding-bottom : 0px;
	border-style: none;
	border-width: 0px;
	font-weight: bold;
	font-size: 10pt;
	}
	
 .FactCellRegTot {
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 0px;
	padding-bottom : 2px;
	border-style: none;
	border-width: 0px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #000000;
	font-weight: bold;
	font-size: 10pt;
	}
	
 .FactCellSubKop {
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 3px;
	padding-bottom : 0px;
	border-style: none;
	border-width: 0px;
	font-weight: bold;
	}
	 

	
 .FactCellSubTot {
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 0px;
	padding-bottom : 3px;
	border-style: none;
	border-width: 0px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #000000;
	}
	
/*
'===================================================================================
' stijlen voor ProjectFormulier									 
'===================================================================================
*/	

div.ProjForm {
margin-left: 50px;
}

table.ProjForm {
  	 font-size: 10pt;
	 font-weight: normal;
	 
	 margin: 0px;
	 padding: 5px;
	 
	 border-style : solid;
	 border-width : 1px;
	 border-color: #000000;
	 
	 border-collapse: collapse;
	 }
	 
.ProjForm td {
	padding : 5px;
	border-style : solid;
	border-width : 1px;
	border-color: #000000;
}

	
/*
'===================================================================================
' stijlen voor Statussen										 
'===================================================================================
*/	

.StatusOK {
	color:#009900;
	font-weight: bold;
	}
	
.StatusWarning {
	color:#ff9933;
	font-weight: bold;
	}
	
.StatusNotOK {
	color:#FF0000;
	font-weight: bold;
	}
	
/* =======================================================
'stijlen voor afdrukken weekagenda
=========================================================
*/

table.weekagenda {
	background-color: #FFFFFF;
	color: #000000;
	border-style : solid;
	border-width : 1px;
	border-color : #000000;
	font-size: 8pt;
	font-weight: normal;
	border-collapse: collapse;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

td.weekagenda  {
	border-style : solid;
	border-width : 1px;
	border-color : #000000;
	vertical-align: top;
	width: 120px;
}

table.weekagenda_cursusitem {
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	border-collapse:collapse;
	width:112px;
	height:130px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

table.weekagenda_cursusitem td {
	border-style:none;
	border-width:1px;
	border-color:#000000;
	border-collapse:collapse;
}
	
	

/*
'===================================================================================
' afwijkende stijlen voor media screen en print		

	Sommige paginaonderdelen moeten alleen voor screen getoond worden,
	zoals header, main menu, en submenu.
	
	Sommige onderdelen moeten een andere weergave voor screen als voor print hebben,
	zoals lijstcellen.								 
'===================================================================================
*/	
	

@media  screen {
	
	div.filterlink {
		display: inline;
	}
	
	div.noprint {
		display: inline;
	}
	
	div.noscreen {
		display: none;
	}
	/*border-collapse veranderd in collapse */
	table.ListBody {
	     border-width : 0px;
		 border-style: none;
		/* border-collapse: separate;  NOT SUPPORTED BY SAFARI */
		border-collapse: collapse;
		 }
	
	.ListTitle {
		 border-width : 1px;
		 border-style: none;
		 }
	
	/* border-width veranderd naar 2px, border-color erbij, samengevoegd voor colheading stijlen
	erbij:
	.ListColHeading td, .ListColHeading_noprint td, .ListColHeading th, .ListColHeading_noprint th,
	.ListColHeading_blank td, .SortListColHeading_blank td , .ListColHeading_blank th, .SortListColHeading_blank th ,
	.ListColHeading2 td , .SortListColHeading2 td, .ListColHeading2 th , .SortListColHeading2 th
	*/
	.ListColHeading, .SortListColHeading, .ListColHeading_noprint, 
	.ListColHeading_blank, .SortListColHeading_blank ,
	.ListColHeading2 , .SortListColHeading2,
	.ListColHeading td, .ListColHeading_noprint td, .ListColHeading th, .ListColHeading_noprint th,
	.ListColHeading_blank td, .SortListColHeading_blank td , .ListColHeading_blank th, .SortListColHeading_blank th ,
	.ListColHeading2 td , .SortListColHeading2 td, .ListColHeading2 th , .SortListColHeading2 th
	{
	 	 border-width : 2px;
		 border-style: solid;
		 border-color : #FFFFFF;
		 }
	
	/* border-width veranderd naar 2px, border-style veranderd naar solid, border-color erbij
	.ListRowAlt1 td,  .ListRowAlt2 td
	*/ 
	.ListCell, .ListCellNoBr, .ListCellError, .ListCell_noprint, .ListRowAlt1 td,  .ListRowAlt2 td {
		 border-width : 2px;
		 border-style: solid;
		 border-color : #FFFFFF;
		 }
		 
	/* nieuw  voor geneste tabellen, geen border*/
	.ListRowAlt1 td td,  .ListRowAlt2 td td , .ListColHeading td td, .ListColHeading_noprint td td, .ListColHeading th td, .ListColHeading_noprint th td,
	.ListColHeading2 td td, .ListColHeading2 th td, .ListColHeading_blank td td, .ListColHeading_blank th td{ 
		border-width : 0px;
		border-style: none;
		 }

}

@media print
{

	div.filterlink {
		display: none;
	}
	
	div.noprint {
		display: none;
	}
	
	div.noscreen {
		display: inline;
	}
	
	table.ListBody {
	     border-width : 1px;
		 border-style: solid;
		 border-collapse: collapse; /* NOT SUPPORTED BY SAFARI */
		 }
	
	.ListTitle  {
		 border-width : 1px;
		 border-style: solid;
		 }
	/* alle colheading stijlen samengevoegd */
	.ListColHeading, .SortListColHeading,
	.ListColHeading_blank, .SortListColHeading_blank ,
	.ListColHeading2, .SortListColHeading2
	{
	 	 border-width : 1px;
		 border-style: solid;
		 }
		 
	/* , .ListRowAlt1 td,  .ListRowAlt2 td erbij */
	.ListCell, .ListCellNoBr, .ListCellError, .ListRowAlt1 td,  .ListRowAlt2 td {
		 border-width : 1px;
		 border-style: solid;
		 }
		 
	/* nieuw  voor geneste tabellen*/
	.ListRowAlt1 td td,  .ListRowAlt2 td td , .ListColHeading td td, .ListColHeading_noprint td td, .ListColHeading th td, .ListColHeading_noprint th td
	.ListColHeading2 td td, .ListColHeading2 th td, .ListColHeading_blank td td, .ListColHeading_blank th td { 
		border-width : 0px;
		 border-style: none;

		 }
		 
	.ListCell_noprint, .ListColHeading_noprint {
		display: none;
	}
		 
	.FormTitle, .FilterFormTitle {
		border-width : 1px;
		border-style: solid;
		}
		
		
		
		
}