﻿/* In deze stylesheet worden de stijlen van de kolommen bepaald. */
/* headers boven de kolommen */
.DefaultStyle .ColumnHeader
{
	text-align: left;
}

.DefaultStyle .RightAlign
{
	text-align: right;
}
/* headers boven de kolommen */
.DefaultStyle .ColumnHeaderBalk
{
	text-align: left;
	background-color: #9C8673;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
}
.DefaultStyle .HeaderBalk
{
	width: 100%;
	text-align: left;
	background-color: #9C8673;
	color: #fff;
	padding: 3px 0px 3px 2px;
	font-weight: bold;
}

/* footers onder de kolommen */
.DefaultStyle .ColumnFooter
{
	text-align: left;
}

/* stijl voor de kolom met daarin de commando's, bijvoorbeeld het 'verwijder' commando */
.DefaultStyle .CommandColumn
{
	width: 22px;
}

/* Kolom met een hele lange tekst */
.DefaultStyle .LongLongTextColumn
{
	width: 100ex;
}

/* Kolom met een lange tekst */
.DefaultStyle .LongTextColumn
{
	width: 40ex;
}

/* Kolom met een fieldcolumn tekst */
.DefaultStyle .FieldTextColumn
{
	width: 20ex;
}

/* Kolom met tekst */
.DefaultStyle .TextColumn
{
}

/* Kolom met een korte tekst */
.DefaultStyle .ShortTextColumn
{
	width: 10ex;
}

/* Kolom met een tekst (default) */
.DefaultStyle .DefaultTextColumn
{
	width: 10px;
}

/*
Kolom met een datum erin
*/
.DefaultStyle .DateColumn
{
	width: 15ex;
	text-align: right;
}

/*
wordt gebruikt zodat de datum niet gaat 'wrappen'
*/
.DefaultStyle .DateColumn span
{
	white-space: nowrap;
}

/*
Kolom met daarin een nummer
*/
.DefaultStyle .NumberColumn
{
	width: 12ex;
}
/*
zorgt ervoor dat het nummer niet gaat 'wrappen'
*/
.DefaultStyle .NumberColumn span
{
	white-space: nowrap;
}
/*
stijl voor een invoerveld in een nummer-kolom
*/
.DefaultStyle .NumberColumn input
{
	width: 12ex;
}



/*
stijl voor korte nummers
*/
.DefaultStyle .ShortNumberColumn
{
	width: 37px;
}
.DefaultStyle .ShortNumberColumn input
{
	width: 32px;
}
/*
zorgt ervoor dat het nummer niet gaat 'wrappen'
*/
.DefaultStyle .ShortNumberColumn span
{
	white-space: nowrap;
}

.DefaultStyle .DoubleShortNumberColumn
{
	width: 85px;
}
.DefaultStyle .DoubleShortNumberColumn input
{
	width: 79px;
}

.DefaultStyle .QuadShortNumberColumn
{
	width: 181px;
}
.DefaultStyle .QuadShortNumberColumn input
{
	width: 173px;
}
.DefaultStyle .RestWidthColumn
{
	width: auto;
}
/* kolom met geld erin */
.DefaultStyle .MoneyColumn
{
	width: 12ex;
	text-align: right;
}
/* zorgt ervoor dat de geld-kolom niet gaat 'wrappen' */
.DefaultStyle .MoneyColumn span
{
	white-space: nowrap;
}
/* stijl van een rij */
.DefaultStyle .Row
{
	background-color: White;
}
.DefaultStyle .RowDisabled
{
	background-color: #FF8080;
}
/* stijl van de alternatieve rij, bijvoorbeeld de tweede, vierde of zesde. Via deze stijl kan iedere rij een ander kleurtje worden gegeven. */
.DefaultStyle .AlternatingRow
{
	background-color: InfoBackground;
}

/* Stijl voor declaratiecomponenten. */
/* Weekend */
.DefaultStyle .Weekend
{
	background-color: #ffffbd;
}
.DefaultStyle .Weekend input
{
	background-color: #ffffbd;
}

/* Feestdag */
.DefaultStyle .Holiday
{
	background-color: Aqua;
}
.DefaultStyle .Holiday input
{
	background-color: Aqua;
}

/* Ziektedag kandidaat */
.DefaultStyle .Ziek
{
	background-color: #ff0000;
}
.DefaultStyle .Ziek input
{
	background-color: #ff0000;
}

/* Dag valt buiten contract */
.DefaultStyle .BuitenContract
{
	background-color: #c0c0c0;
}
.DefaultStyle .BuitenContract input
{
	background-color: #c0c0c0;
}

/* ListInterleaveStyle */
.ListInterleaveStyle
{
	border-collapse: collapse;
}
.ListInterleaveStyle tr
{
	height: 24px;
}

.ListInterleaveStyle td
{
	color: #000;
	border: solid 1px #000;
	padding: 0 4px;
}
.ListInterleaveStyle th
{
	color: #000;
	border: solid 1px #000;
	padding: 0 4px;
}

.ListInterleaveStyle .Row:hover
{
	background-color: #FFBB77;
	cursor: pointer;
}
.ListInterleaveStyle .defaultColumn
{
	background-color: White;
}
.ListInterleaveStyle .sortedColumn
{
	background-color: Silver;
}

.ListInterleaveStyle .RowNoClick:hover
{
	background-color: #FFBB77;
	cursor: auto;
}
.HeaderDESC
{
	background: url(Images/sort_desc.png) no-repeat;
	background-position: right;
	cursor: pointer;
}
.HeaderASC
{
	background: url(Images/sort_asc.png) no-repeat;
	background-position: right;
	cursor: pointer;
}
.ListColumnMandatory
{
	font-weight: bold;
}
.onerow div
{
	height: 1.2em;
	overflow: hidden;
}
.TableInTab
{
	margin-top: 20px;
}

/* Stijl van een regel die valt in de huidige verwerkingsweek */
.RowVerwerkingsweek
{
	font-weight: bold;
}

/* Inloggen scherm */

.Inloggen
{
	width: 250px;
}


.CollapsPanel
{
	width: 100%;
	border: solid 1px;
}
.CollapsPanelHeader
{
	text-align: left;
	background-color: #CC6600;
	color: #fff;
	padding: 6px 0px 6px 0px;
	font-weight: bold;
}
.CollapsContent
{
	padding: 6px 6px 6px 6px;
}

.HeaderTextHelpAndInformation
{
	float: left;
	padding-top: 2px;
	padding-right: 4px;
}

.helpPanel
{
	float:left;
}
.paddingbottomsmall
{
	padding-bottom:10px;
}

/* List */
.List td, .List th
{
	border: solid 1px;
	padding: 3px 2px;
}

.List tr.Row:hover
{
	background-color: #ffba73;
}

.List tr.AlternatingRow:hover
{
	background-color: #ffba73;
}

