/*	
'== ===================================================================================
'== Stylesheet 4Traffic
'==	Modifications
'==	2009-10-09	Added	labelsmall, labelwarning
'==		strKleurLichtBlauw	= "#EFF3F7"
'==		strKleurMiddenBlauw	= "#CECBD6"
'==		strKleurDonkerBlauw	= "#313463"
'==
'== todo:
'== Alle px moet pt worden !
'== ===================================================================================
*/


input[disabled], button[disabled], input[readonly], select[disabled], select[readonly], checkbox[disabled], checkbox[readonly], textarea[disabled], textarea[readonly] 
{ 
	color				: #DDDDDD;
	background-color	: #EEEEEE;
	cursor				: default;
}

pdabody { 
	font-size			: 9px;
	font-family			: Verdana;
	background-color	: #8EC730;
	width				: 240px;
}
body { 
	font-size			: 10pt;
	font-weight			: normal;
	font-family			: Verdana;
	background-color	: #FFFFFF;
	color				: #000000;
}

td { 
	font-size			: 10pt;
	font-weight			: normal;
	font-family			: Verdana;
	color				: #000000;
}

a.hyperlink {
	color				: #000000;
	font-size			: 10pt;
	font-family			: Verdana;
	text-decoration		: none;
	font-weight			: bold;
}
a:link {
	color:#000000;
	font-size: 10pt;
	font-family: Verdana;
	text-decoration: none;
}
a:visited
{
	color				: #000000;
	font-size			: 10pt;
	font-family			: Verdana;
	text-decoration		: none;
}	
a:hover
{
	color				: #000000;
	font-size			: 10pt;
	font-family			: Verdana;
	text-decoration		: underline;
}
a:link
{
	color				: #000000;
	font-size			: 10pt;
	font-family			: Verdana;
	text-decoration		: none;
}
a:active
{ 
	color				: #000000;
	font-size			: 10pt;
	font-family			: Verdana;
	text-decoration		: none;
}

a.navigatie {
	font-family			: Verdana;
	font-size			: 10pt;
	margin-bottom		: 5px;
	text-decoration		: none;
	font-weight			: bold;
	}
a.navigatie:hover {
	text-decoration		: underline;
}
a.navigatie_rood {
	font-family: Verdana;
	font-size: 10pt;
	margin-bottom: 5px;
	text-decoration: none;
	font-weight: bold;
	color: #650101;
}
a.navigatie_rood:hover {
	text-decoration		: underline;
}

a.subnavigatie:hover {
	text-decoration		: underline;
}

a.subnavigatie{
	font-family			: Verdana;
	font-size			: 10pt;
	margin-bottom		: 5px;
	text-decoration		: none;
	}

a.subnavigatie:hover {
	text-decoration		: underline;
}

a.labelwarning {
	text-decoration		: underline;
}
a.labelwarning:hover {
	color				: #666666;
}
a.link_onderstreept {
	text-decoration		: underline;
}
a.link_onderstreept:hover {
	color				: #666666;
	text-decoration		: none;
}

.kop{
	font-size: 16pt;
	font-family: Verdana;
	font-weight:normal;
	color: #313463;
	}

.subkop{
	font-size: 12pt;
	font-family: Verdana;
	font-weight:normal;
	color: #313463;
	}
	
H1 {
	font-size			: 10pt;
	font-family			: Verdana;
	font-weight			: bold;
	border-bottom		: solid 2px #313463 ;
	color				: #313463;					/* #000000; */
	background-color	: #BDE457;		/* #B5C48F; */
	width				: 100%;
	margin-top			: 10px;
	margin-bottom		: 10px;
}
H2 {
	font-size			: 10pt;
	font-family			: Verdana;
	font-weight			: bold;
	color				: #313463;					/* #000000; */
}
H3{
	font-size			: 10pt;
	font-family			: Verdana;
	font-weight			: bold;
	color				: #000000;
	margin-top			: 10px;
	margin-bottom		: 10px;
}
		
.labelsmall {
	color				: #000000;
	font-size			: 8pt;
	font-family			: Verdana;
}
.labelwarning {
	color				: #DD0000;
	font-size			: 10pt;
	font-family			: Verdana;
}

textarea {
	font-size			: 9pt;
	font-family			: Verdana;
	color				: #000000;
	}

input {
	font-size			: 10pt;
	font-family			: Verdana;
	color				: #000000;
	}
	
/*	------------------------------------------------------------------------------------
	-- GRID Styles for asp:GridView grid's
	------------------------------------------------------------------------------------
*/

.GridRoot		{ 
	color				: #313463;
	font				: 8pt Verdana;
	border				: solid 1px #313463;
	background-color	: white;
	font-weight			: normal;
	text-align 			: left;
	
	padding				: 2px;
}
.Grid td	{
	border				: solid 1px #CECBD6;
	text-align			: left;
}
.GridHeader	{
	font-weight			: bold;
	background-color	: #313463;
	color				: #ffffff;
}
.GridItem	{
	background-color	: #FFFFFF;
}
.GridAltItem {
	background-color	: #EFF3F7;
}
.GridFooter {
	background-color	: #313463;
	color				: #ffffff;
}
.GridRow {
	background-color	: #000000;
}

.GridPager {
	background-color	: #313463;
	color				: #ffffff;
}

.GridSelectedRow {
	background-color	: #CE5D5A;
	font-weight			: bold;
	color				: #ffffff;
}

/*	------------------------------------------------------------------------------------ */
/*	waitdialog -- START --
/*	------------------------------------------------------------------------------------ */

.ProgressHover 
{
	background-color	: white;
	filter				: alpha(opacity=70);
	padding-top			: 40%;
	padding-bottom		: 40%;

	left				: 0px;
	top					: 0px;
	position			: absolute;	
}
.Progress 
{
	border				: none;
	background-color	: transparent;
	vertical-align		: top;
	position			: absolute;
	font-family			: Verdana;
	 
}
.Progress td
{
	background-color:transparent;
}
/*	------------------------------------------------------------------------------------ */
/*	waitdialog -- END --
/*	------------------------------------------------------------------------------------ */

content
{ 
	background-color:#FFFFFF;
	margin-left: 100px;
	
 	}
 	contentpane
{ 
	background-color:#FFFFFF;
	 OVERFLOW: auto; 
 	}
Loginbody
{
	background-repeat:no-repeat;
	margin-left:120px;
	padding-left:100px;
	padding-top:120px;
	}

.Menubg{
	background-color: #B5C48F;
}

.Button
{
	background-color: #313463;
	color			: #FFFFFF;
	font-size		: 8pt;
	font-family		: Verdana;
	font-weight		: bold;
 	cursor			: hand;
	padding			: 2px;
	border			: 0px;
	width			: 170px;					/* Orig 2010-01-07 120px */
	height			: 20px;		
	}

.Buttonsmall
{
	background-color: #313463;
	color			: #FFFFFF;
	font-size		: 8pt;
	font-family		: Verdana;
	font-weight		: bold;
 	cursor			: hand;
	padding			: 2px;
	border			: 0px;
	width			: 120px;
	height			: 20px;					
}

.ButtonXlarge:disabled {
color: Red;
}

.ButtonXlarge
{
	background-color: #313463;
	color			: #FFFFFF;
	font-size		: 8pt;
	font-family		: Verdana;
	font-weight		: bold;
 	cursor			: hand;
	padding			: 2px;
	border			: 0px;
	width			: 260px;
	height			: 20px;							
}	
.Buttonlogin
{	background-color: #313463;
	font-size: 8pt;
	font-family: Verdana;
	color:#FFFFFF;
	cursor: hand;
	height: 20px;
	border: 0px;
	}

.ButtonLink
{
	background-color: #138c3d;
	font-size: 10px;
	font-family: Verdana;
	text-transform: uppercase;
	font-weight: bold;
	color: White;
	cursor: hand;
	cursor: pointer;
	height: 20px;
}

.Buttongreen
{
	background-color: #138c3d;
	font-size: 10px;
	font-family: Verdana;
	text-transform: uppercase;
	font-weight: bold;
	color: White;
	cursor: hand;
	height: 20px;
}
.Kasjebutton
{
	background-color: #DAD9e9;
	font-size: 15px;
	font-family: Verdana;
	text-transform: uppercase;
	font-weight: bold;
	color: #000000;
	cursor: hand;
 	height: 30px;
	width:30px;
}
.KasjebuttonABC
{
	background-color: #14873A;
	font-size: 15px;
	font-family: Verdana;
	text-transform: uppercase;
	font-weight: bold;
	color: white;
	cursor: hand;
	height: 50px;
	width:50px;
}
.Kasjebuttonblue
{
	background-color: #4D2B99;
	font-size: 15px;
	font-family: Verdana;
	text-transform: uppercase;
	font-weight: bold;
	color: white;
	cursor: hand;
	height: 50px;
	width:50px;
}
.Kasjebuttonred
{
	background-color: Red;
	font-size: 15px;
	font-family: Verdana;
	text-transform: uppercase;
	font-weight: bold;
	color: white;
	cursor: hand;
	height: 50px;
	width:50px;
}
.Kasjebuttonyellow
{
	background-color: #F3BC07;
	font-size: 15px;
	font-family: Verdana;
	text-transform: uppercase;
	font-weight: bold;
	color: white;
	cursor: hand;
	height: 50px;
	width:50px;
}

.PageName
{
	font-size: 10pt;
	font-family: Verdana;
	font-weight:bold;
	color: #313463;
	}
	
 .Errorlabel
{
    font-weight    : bold;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana;
	color: red;
	width: auto;
}
.Label
{
	font-size: 10pt;
	font-family: Verdana;
	color: #000000;
	margin-bottom: 0px;
	margin-left: 0px;
}
.normal {
 font-weight: bold;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana;
	color: #000000;
	width: auto;
}
.Labelabc
{
  font-weight : bold;
	font-weight: bold;
	font-size: 14px;
	font-family: Verdana;
	color: #11DD2C;
	background-color:#FFFFFF;
	width: auto;
}

.Labelcorrect
{
  font-weight : bold;
	font-weight: bold;
	font-size: 15px;
	font-family: Verdana;
	color:#0000FF;
	background-color:#FFFFFF;
	width: auto;
}
.Label#000000
{
 font-weight: bold;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana;
	color: #000000;
	width: auto;
}
.Labelverplichtveld
{
 font-weight: bold;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana;
	color: #FF267C;
	width: auto;
}
.Labellarge
{
 font-weight: bold;
	font-weight: bold;
	font-size: 20px;
	font-family: Verdana;
	color: #138c3d;
	width: auto;
}
.LabelRight
{
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana;
	color: #000000;
	width: auto;
	text-align: right;
}
.ValueLabelRight
{
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana;
	color: #000000;
	width: auto;
	text-align: right;
}
.ValueLabelCenter
{
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana;
	color: #000000;
	width: auto;
	text-align: center;
}
.ValueLabelLeft
{
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana;
	color: #000000;
	width: auto;
	text-align: left;
}
.ValueLabel
{
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana;
	color: #000000;
	width: auto;
}
.DropDown
{
	height: 17px;
	font-size: 10px;
}

.TableHeader
{
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana;
	color: #000000;
	text-align: center;
}
.TableHeaderLeft
{
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana;
	color: #000000;
}
.CheckBoxList {
	font-weight		: normal;
	font-size		: 13px;
	font-family		: Verdana;
	color			: #000000;
	width			: auto;
}
.Cell {
	width			: 80px;
	text-align		: center;
}

.Red {
	color			: Red;
}
	
.#000000 {
	color			: #000000;
}
.textbox {
	font-size		: 10pt;
	font-family		: Verdana;
	color			: #000000;
	width			: auto;
	font-weight		: normal;
}
 .Questiontextbox {
	font-size: 12px;
	font-family: Verdana;
	color: #000000;
	width: auto;
	font-weight: bold;
	background-color:#BDE457;
	height: 30px;
}
.verplicht {
	background-color:#BDE457;
}

/* aspXPivot CSS --------- START -----------------------
	strKleurLichtBlauw	= "#EFF3F7"
	strKleurMiddenBlauw	= "#CECBD6"
	strKleurDonkerBlauw	= "#313463"

*/
.dxpgControl
{
	color: #313463;
	font: 10pt Verdana;
	border: solid 1px #313463;
	background-color: white;
}
.dxpgMainTable
{
	color: #313463;
	font: 10pt Verdana;
	border-collapse: separate;
	
}

.dxpgHeader
{
	color: #313463;
	background-color: #CECBD6;
	cursor: pointer;
	}
	
	
.dxpgHeaderHover
{
	background-color: #EFF3F7;
}

.dxpgArea, .dxpgArea table
{
	color: #FFFFFF;
	font: 10pt Verdana;
	
}

.dxpgArea
{
	
	background-color: #EFF3F7;
	}

.dxpgFilterArea
{
	background-color: #313463;
	}
	
.dxpgColumnFieldValue
{
	background-color: #EFF3F7;
	border-left	: solid 1px #313463;
	border-top		: solid 1px #313463;
	border-bottom	: solid 1px #313463;
	padding: 4px 6px;
}
.dxpgColumnTotalFieldValue
{
	background-color: red;
}


.dxpgColumnGrandTotalFieldValue
{
	background-color	: #CECBD6;
	color				: #313463;
	border-right		: solid 0px #313463;
	border-bottom		: solid 1px #313463;
	
}
.dxpgRowFieldValue
{
	background-color	: #EFF3F7;
	border-top			: solid 1px #313463;
	border-right		: solid 1px #313463;
	border-left			: solid 0px #313463;
	border-bottom		: solid 0px #313463;
	padding				: 4px 6px;
}
.dxpgRowTotalFieldValue
{
	background-color	: #CECBD6;
}

.dxpgRowGrandTotalFieldValue
{
	background-color	: #CECBD6;
	border-bottom		: solid 0px #313463;
	border-right		: solid 1px #313463;
	border-top		: solid 1px #313463;
}

.dxpgCollapsedButton
{
	vertical-align		: -1px;
	border				: 0px;
	margin-right		: 5px;
}

.dxpgCell
{
	text-align			: right;
	background-color	: White;	
	border-top		: #313463 1px solid;
	border-left			: #313463 1px solid;
	padding				: 4px;
}
.dxpgTotalCell
{
	background-color	: #CECBD6;
	
}
.dxpgGrandTotalCell
{
	border-right		: 0px solid #313463;
	border-left			: 1px solid #313463;
	border-bottom		: 0px solid #313463;
	border-top			: 1px solid #313463;
	background-color	: #CECBD6;
	
}

.dxpgRowGrandTotalCell
{
	background-color	: #FF0000;
	border-left			: 1px solid #FF0000;
	}
	
.dxpgColumnGrandTotalCell
{
	background-color	: #CECBD6;
}
.dxpgFilterWindow
{
	color				: red;
	font				: 20pt Verdana;
	border				: solid 1px #313463;
}
.dxpgFilterItemsArea
{
	color: #313463;
	background-color: White;
}
.dxpgFilterItem
{
	font: 10pt Verdana;
}
.dxpgFilterButton
{
	font: 10pt Verdana;
	color: #313463;
	padding: 2px 6px;
}
.dxpgFilterButtonPanel
{
	font: 10pt Verdana;
	background-color: #EFF3F7;
	color: #313463;
	}
		
		
.dxpgLoadingDiv
{
	z-index: 4999;
	background-color: red;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 0px;
	height: 0px;
}
.dxpgTopPager
{
	border-bottom: solid 1px red;
	
}
.dxpgBottomPager
{
	border-top: solid 1px red;
	
}
.dxpgCustomizationFieldsHeader
{
	color:red;
	font: 10pt Verdana;
}
.dxpgCustomizationFieldsContent
{
	padding: 0px !important;
}
.dxpgLoadingPanel
{
	font: 10pt Verdana;
	color: #313463;
	background-color: #EFF3F7;
	border: solid 1px #313463;
	text-align: center;			
	cursor: wait;
}
.dxpgLoadingPanel td.dx
{
	padding: 12px 12px 12px 12px;
}
.dxpgMenuItem 
{
	font: 10pt Verdana;	
}
/* aspXPivot CSS --------- EINDE ----------------------- */


/*
'== ===================================================================================
'== ASPxTabControl, ASPxPageControl control START
'== ===================================================================================
*/

/* Active tab 
'==		strKleurLichtBlauw	= "#EFF3F7"
'==		strKleurMiddenBlauw	= "#CECBD6"
'==		strKleurDonkerBlauw	= "#313463"
*/

.dxtc {																				/* De tekst van de tabs */
	color				: #313463;
}

.dxtcActiveTab, .dxtcActiveTabWithTabPositionBottom,
.dxtcActiveTabWithTabPositionLeft, .dxtcActiveTabWithTabPositionRight
{																					/* Active tab */
	font				: 10pt;
	color				: #313463;
	border				: solid 1px #313463;
	padding				: 3px 12px 4px 12px;
	background-color	: #EFF3F7;
}
.dxtcActiveTabHover																	/* Tab-hover */
{
}

.dxtcTab a, .dxtcTabWithTabPositionLeft a, .dxtcTabWithTabPositionBottom a, .dxtcTabWithTabPositionRight a,
.dxtcActiveTab a, .dxtcActiveTabWithTabPositionBottom a, .dxtcActiveTabWithTabPositionLeft a, .dxtcActiveTabWithTabPositionRight a,
.dxtcTabHover a, .dxtcTabHoverWithTabPositionBottom a, .dxtcTabHoverWithTabPositionLeft a, .dxtcTabHoverWithTabPositionRight a
{																					/* Tab Hyperlink*/
	text-decoration		: none;
	color				: black;    
}

.dxtcActiveTab table.dxtc, .dxtcActiveTabWithTabPositionBottom table.dxtc,
.dxtcActiveTabWithTabPositionLeft table.dxtc, .dxtcActiveTabWithTabPositionRight table.dxtc
{																					/* Binnenkant active tab */
	color				: #313463;
}
.dxtcActiveTab td.dxtc, .dxtcActiveTabWithTabPositionBottom td.dxtc,
.dxtcActiveTabWithTabPositionLeft td.dxtc, .dxtcActiveTabWithTabPositionRight td.dxtc
{
}
/* Tab */
.dxtcTab, .dxtcTabWithTabPositionLeft, 
.dxtcTabWithTabPositionBottom, .dxtcTabWithTabPositionRight
{																					/* Inactive tab */
	xfont				: 9pt Tahoma;
	color				: black;
	background-color	: #CECBD6;
	border				: solid 1px #A8A8A8;
	padding				: 3px 12px 4px 12px;
}
.dxtcTab table.dxtc, .dxtcTabWithTabPositionBottom table.dxtc, 
.dxtcTabWithTabPositionLeft table.dxtc, .dxtcTabWithTabPositionRight table.dxtc
{																					/* Binnenkant inactive tab */
	background-color	: #CECBD6;
}
.dxtcTab td.dxtc, .dxtcTabWithTabPositionBottom td.dxtc, 
.dxtcTabWithTabPositionLeft td.dxtc, .dxtcTabWithTabPositionRight td.dxtc
{
}
.dxtcTabWithTabPositionBottom
{
}
.dxtcTabWithTabPositionLeft
{
}
.dxtcTabWithTabPositionRight
{
}
/* Hover */
.dxtcTabHover, .dxtcTabHoverWithTabPositionBottom,
.dxtcTabHoverWithTabPositionLeft, .dxtcTabHoverWithTabPositionRight
{
	xbackground-color	: #F2F2F2;
}
.dxtcPageContent, .dxtcPageContentWithTabPositionBottom, 
.dxtcPageContentWithTabPositionLeft, .dxtcPageContentWithTabPositionRight
{																					/* Tab inhoud */
	background-color	: #F2F2F2;
}
.dxtcContent
{
}
.dxtcControl td.dxtcTabsCell, .dxtcControl td.dxtcTabsCellWithTabPositionBottom,
.dxtcControl td.dxtcTabsCellWithTabPositionLeft, .dxtcControl td.dxtcTabsCellWithTabPositionRight 
{
}
/* Disabled */
.dxtcDisabled, .dxtcDisabled table.dxtc
{
	color			: #acacac;
	cursor			: default;
}

/*
'== ===================================================================================
'== Tab control EINDE
'== ===================================================================================
*/