/* h1 inside the logo button */
#logo a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-3000px;
	cursor:pointer;
}
/* text in the Breadcrumb bar */
#breadCrumbs, #breadCrumbs a{
	font-size:10px;
	color:#c29ab4;
	text-decoration:none;
	letter-spacing:1px;
	line-height:50px;
}

/* module titles */
.ModuleBorderHeader h1, .ModuleBorderHeader a{
	font-size:16px;
	line-height:25px;
	color:#C19AB4;
	font-weight:bold;
	text-decoration:none;
	cursor:default;
	margin:0;
}
#tdRightPane .ModuleBorderHeader h1, #tdRightPane .ModuleBorderHeader a{
	color:#000;
}
/* module edit titles */
.ModuleBorderEditHeader{
	margin:0;
	padding:0;
	line-height:35px;
}
/* module edit title buttons */
.ModuleBorderEditHeader a, .ModuleBorderEditHeader input{
	vertical-align:top;
}

.ModuleBorderEditHeader a, .ModuleBorderHeaderButton{
	text-decoration:underline;
	font-size:11px;
	color:#000;
	line-height:35px;
}
.ModuleBorderEditHeader a:hover, .ModuleBorderHeaderButton:hover{
	color:#f00;
}
/* edit confif and logout buttons */
#Buttons a img{
	top:3px;
}
/* links in the right hand top corner "vacatures" "nieuwsbrief" "contact" */
#Buttons a, #Buttons input{
	vertical-align:middle;
	text-decoration:none;
	line-height:25px;
	font-size:10px;
	color:#444;
	margin-right:20px;
}
#Buttons a:hover{
	text-decoration:underline;
	line-height:25px;
	font-size:10px;
	color:#000;
	margin-right:20px;
}
/* SubMenu link list */
.Sublinklist a{
	text-decoration:none;
	line-height:20px;
	color:#000;
	font-weight:bold;
}
/* links module */
.LinkPanel a{
	color:#78235C;
	font-weight:bold;
	text-decoration:none;
	padding:2px 15px 2px 0;
}
.LinkPanel a:hover{
	padding:2px 0 2px 15px;
	background:url(images/linkhoverbg.png) no-repeat left 6px;
}
/* submenu links */
.subMenuList{
	list-style:none;
	padding:0;
}
.subMenuList li{
	line-height:18px;
}
.subMenuList li a{
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	color:#78235C;
	padding:0 15px 0 0;
}
.subMenuList li a:hover{
	padding:0 0 0 15px;
	background:url(images/linkhoverbg.png) no-repeat left 6px;
}
/* edit pages for Newslettermodule */
.newsLetterEdit table td{
	padding:2px 0 0 2px;
}
.imageLinks{

}
.imageLinks table{
	width:100%;
}
.imageLinks td a, .imageLinks .text a{
	width:100%;
	height:100%;
	display:block;
	text-align:center;
}
.imageLinks .editButtons, .imageLinks .text{
	display:block;
	width:100%;
	text-align:center;
}
.UpdatingProgress{
	display:none;
}
/* aanmeld module */
.signIn ul{
	line-height:20px;
	list-style:none;
}
.signIn{
}
.autoLogin{
	padding:5px 0;
}
.forgotPassword{
}
.user{

}
.userTextbox{
}
.pass{
	padding-top:5px;
}
.userTextbox input, .passTextbox input{
	width:200px;
	border:1px solid #78235C;
}
.passTextbox
.autoLogin{
}
.forgotPassword{
	color:#78235C;
}
/* Work Orders module (div elements) */
div.workOrder{
	width:950px;
	padding-bottom:50px;
}
div.workOrder div.advancedSearchLink{    	
	font-size:10px;
}
div.workOrder div.formTopAlignedField{
	padding:2px 5px 0 10px;
	color:Black;
}
div.workOrder div.formTopAlignedLabel{
	padding:8px 5px 0 10px;
}
div.workOrder div.selectionBox{
	padding:15px; 
	/* border:1px solid #7B205A;  /* purple */
	border:1px solid #C69AB5;  /* light purple */
	width:270px;
}
div.workOrder div.selectionBoxSelected{
	/* background-color:#C69AB5;   /* light purple */    	
}
div.workOrder div.selectionBox > div.formRow{
	padding:0 0 10px 0;
}
div.workOrder div.selectionField{
	padding:2px 0 3px 3px;
}
div.workOrder div.selectionField > label{
	padding:0 0 0 4px;
}
div.workOrder div.selectionFieldNotSelected{
	color:Black;
}
div.workOrder div.selectionFieldSelected{
	color:White;
	font-weight:bold;
	/* background-color:#7B205A;  /* purple */
	background-color:#C69AB5;
}
/* Work Order module (table elements) */
div.workOrder table.ultraWebGridFrame{
	 width:950px !important;
}    
div.workOrder table.ultraWebGridFrame table{
	position:static !important;
}
div.workOrder table.searchForm{
	width:900px;
}
div.workOrder table.searchForm td.columnUnderlined{
	border-bottom:solid 1px Gray;
}
div.workOrder table.searchForm td.leftColumn{
	text-align:right;
	padding:10px 5px 0 0;
	width:130px;
}
div.workOrder table.searchForm td.rightColumn{    	
	width:310px;
	color:Black;
	padding:10px 5px 0 10px;
}
div.workOrder table.searchForm td.rightColumn > ul{
	padding-left:16px;
}
div.workOrder table.searchForm tr.formRow{
	width:480px;
}
/* Work Order module (fieldset elements) */
div.workOrder fieldset{
	border:none;
	padding:5px 0 15px 0;
}
div.workOrder fieldset legend{
	font-weight:bold;
	color:Black;
}
/* Work Order module (input & select elements) */
div.workOrder input.textBoxDateChooser{
	width:170px !important;
}
div.workOrder input.textBoxDescription{
	width:200px;
}
div.workOrder select.listBox{
	width:200px;
}
/* Work Order Details page */
div.workOrderDetails{
	width:1400px;
}
div.workOrderDetails p{
	margin-bottom:8px;
}
div.workOrderDetails fieldset{
	border:none;
	padding:0 0 15px 0;
}
div.workOrderDetails fieldset legend{
	font-weight:bold;
	color:Black;
}
div.workOrderDetails fieldset > div.formRow{
	padding:4px 0 0 0;
}
div.workOrderDetails td.formFieldDescription{
	width:390px;
	padding:5px 2px 5px 10px;
	border:2px solid #C69AB5; /* light purple */
}
div.workOrderDetails td.leftColumn{
	text-align:right;
	padding:0 5px 0 0;
	width:180px;
}
div.workOrderDetails td.rightColumn{
	width:240px;
	color:Black;
}
div.workOrderDetails td.timeTrackingContainer{
	width:1400px;
	height:100px;
	margin:8px 0 8px 0;
	overflow:auto;
}
div.workOrderDetails table.tableTimeTracking{        	
	font-size:11px;        	
}
div.workOrderDetails table.tableTimeTracking td{
	border:solid 0px #C69AB5; /* light purple */
	border-top-width:1px;
	border-bottom-width:1px;
	width:120px;
}
div.workOrderDetails table.ultraWebGridFrame{
	position:static !important;
}
div.workOrderDetails table.ultraWebGridFrame table{
	/* note: The Infragistics UltraWebGridControl needs to have a fixed position, 
	    otherwise it will maintain its position whilst scrolling. */
	position: static !important;
}
div.workOrderDetails table.ultraWebGridFrame div{
	position: static !important;
}
/* Work Orders Edit module (p, div and span elements) */
div.editWorkOrder{
	width:550px;
	padding-bottom:150px;
}
div.editWorkOrder p{
	margin-bottom:8px;
}
div.editWorkOrder .controlContentsAreInvalid{
	border:solid 2px Red;    	
}
div.editWorkOrder .formReq{
	color:Red;
}
div.editWorkOrder .textBoxDateChooser{
	width:170px !important;
}
div.editWorkOrder div.formNavigationLinks{
	text-align:right;
	font-size:smaller;
}
div.editWorkOrder div.formInfo{
	background:#CECFCE;
	padding:20px;
	margin-top:10px;
	margin-right:0;
	margin-bottom:30px;
	margin-left:18px;
	border:solid 1px #C69AB5;    	
	font-size:9px;
}
div.editWorkOrder div.formInfo ul{
	margin-left:25px;
}
div.editWorkOrder div.formTopAlignedLabel{
	padding:8px 5px 0 0 ;
}
div.editWorkOrder div.formTopAlignedField{
	padding:2px 5px 0 10px;
	color:Black;
}
div.editWorkOrder div.formValidationErrorBox{
	padding:4px 0 0 4px 0;
	margin:0 0 12px 0;    	 
	font-style:italic;
	color:Red;
	border:0 solid Red;
	border-bottom-width:1px;    	
}
div.editWorkOrder div.formValidationErrorBox li{
	/* color:Navy; */
}
div.editWorkOrder div.questionBox_singleOption{
	border:1px solid #C69AB5;  /* light purple */
}
div.editWorkOrder div.questionBox_multipleOptions_first{
	border:none;
	border:1px solid #C69AB5;  /* light purple */
}
div.editWorkOrder div.questionBox_multipleOptions_last{
	margin-top:3px;
	border:1px solid #C69AB5;  /* light purple */
}
div.editWorkOrder div.selectionField{
	margin-bottom:5px;
	padding:2px 0 3px 3px;
	height:23px;
	border-left:3px solid #C69AB5;  /* light purple */
}
div.editWorkOrder div.selectionField > label{
	line-height:25px;
	padding:0 0 0 4px;
}
div.editWorkOrder div.selectionFieldAboveSelectionBox{
	border-bottom:1px dotted #C69AB5;  /* light purple */
}
div.editWorkOrder div.selectionFieldSelected{
	color:White;
	font-weight:bold;
	/* background-color:#7B205A;  /* purple */
	background-color:#C69AB5;
	/* override border settings from 'selectionField' and 'selectionFieldAboveSelectionBox'. */
	border:none;
}
div.editWorkOrder div.selectionFieldNotSelected{
	color:Black;
	/* override border settings from 'selectionField' and 'selectionFieldAboveSelectionBox'. */
	border-left:none;
}
div.editWorkOrder div.selectionBox{
	padding:15px;
	padding-top:10px;
	border:none;
}
div.editWorkOrder div.selectionBoxSelected{
	border-left:3px solid #C69AB5;  /* light purple */
	margin-bottom:5px;
}
div.editWorkOrder div.selectionBoxNotSelected{
	/* background-color:#C69AB5;   /* light purple */ 
}
div.editWorkOrder div.selectionBox tr.formRow{
	padding:0 0 10px 0;
}
div.editWorkOrder div.selectionBox tr.formRow > td.formLeftAlignedLabel{
	width:90px;
	text-align:right;
	padding:8px 5px 0 0 ;
	color:#7B205A;
}
div.editWorkOrder div.selectionBox tr.formRow > td.formLeftAlignedField{
	width:210px;
	padding:4px 5px 0 0;
	color:Black;
}
div.editWorkOrder div.selectionBox tr.formRow > td.formLeftAlignedField > div.hyperlinkRightAligned{
	text-align:right;
	font-size:9px;
}
div.editWorkOrder span.italicField{
	font-style:italic;
}
/* Work Orders Edit module (fieldset elements) */
div.editWorkOrder fieldset{
	border:none;
	padding:0 0 15px 0;
}
div.editWorkOrder fieldset legend{
	font-weight:bold;
	color:Black;
}
div.editWorkOrder fieldset > tr.formRow{
	padding:10px 0 0 0;    	
}
/* Work Orders Edit module (table elements) */
div.editWorkOrder table.timeTrackingTextBoxDate{
	margin-top:-25px;
	margin-left:75px;
}
div.editWorkOrder table.timeTrackingTextBoxDate img{
	margin-top:3px;
}
div.editWorkOrder tr.formRow > td.leftColumn{
	text-align:right;
	padding:2px 5px 0 0;
	width:130px;
}
div.editWorkOrder tr.formRow > td.rightColumn{    	
	width:365px;
	color:Black;
}
div.editWorkOrder tr.formRow > td.rightColumn > textarea{
	width:100%
}
div.editWorkOrder tr.formRow > td.rightColumn input[maxlength="50"]{
	width:150px;
}
div.editWorkOrder tr.formRow > td.rightColumn > span.hyperlinkNextToTextBox{
	font-size:9px;
}
/* Work Orders Edit module (label & input elements) */
div.editWorkOrder label.timeTrackingLabelDate{
	margin-right:5px;
	margin-top:3px;    	
}
div.editWorkOrder input.textBoxTimeTrackingDateChooser{
	width:170px !important;
	margin-top:4px;
}
div.editWorkOrder input.timeTrackingTextBoxTime{
	width:35px;
}
div.editWorkOrder input.timeTrackingTextBoxDate{
	width:110px;
}
div.editWorkOrder input.timeTrackingTextBoxMileage{
	width:35px;
}
/* Work Orders Reports module (div elements) */
div.workOrderReports{
	width:550px;
	padding-bottom:150px;
}
div.workOrderReports .formReq{
	color:Red;
}
div.workOrderReports div.formTopAlignedField{
	padding:2px 5px 0 10px;
	color:Black;
}
div.workOrderReports div.formTopAlignedLabel{
	padding:8px 5px 0 10px;
}
div.workOrderReports div.formValidationErrorBox{
	padding:4px 0 4px 0;
	margin:0 0 12px 0;    	 
	font-style:italic;
	color:Red;
	border:0 solid Red;
	border-bottom-width:1px;    	
}
div.workOrderReports div.selectionBox{
	width:270px;
	padding:15px; 
	/* border:1px solid #7B205A;  /* purple */
	border:1px solid #C69AB5;  /* light purple */
}
div.workOrderReports div.selectionBoxSelected{
	/* background-color:#C69AB5;   /* light purple */    	
}
div.workOrderReports div.selectionBox > div.formRow{
	padding:0 0 10px 0;
}
div.workOrderReports div.selectionField{
	width:300px;
	padding:2px 0 3px 3px;
}
div.workOrderReports div.selectionField > label{
	padding:0 0 0 4px;
}
div.workOrderReports div.selectionFieldNotSelected{
	color:Black;
}
div.workOrderReports div.selectionFieldSelected{
	color:White;
	font-weight:bold;
	/* background-color:#7B205A;  /* purple */
	background-color:#C69AB5;
}
/* Work Orders Reports module (table elements) */
div.workOrderReports td.rightColumn{    	
	width:365px;
	color:Black;
	padding:10px 0 0 0;
}
div.workOrderReports td.rightColumn > ul{
	padding-left:16px;
}
div.workOrderReports td.leftColumn{
	text-align:right;
	padding:10px 5px 0 0;
	width:130px;
}
/* Work Orders Reports module (fieldsets) */
div.workOrderReports fieldset{
	border:none;
	padding:5px 0 15px 0;
}
div.workOrderReports fieldset legend{
	font-weight:bold;
	color:Black;
}
div.workOrderReports fieldset > div.formRow{
	padding:10px 0 0 0;    	
}
/* Work Orders Reports module (inputs) */
div.workOrderReports input.textBoxDateChooser{
	width:170px !important;
}
/* Work Orders Companies Edit module (div elements) */
div.editWorkOrderCompanies{
	width:590px;
	padding-bottom:150px;
}
div.editWorkOrderCompanies .controlContentsAreInvalid{
	border:solid 2px Red;    	
}
div.editWorkOrderCompanies .formReq{
	color:Red;
}
div.editWorkOrderCompanies div.formLabel{
	text-align:right;
	padding:2px 5px 0 0;
	width:130px;
}
div.editWorkOrderCompanies div.formField{    	
	width:365px;
	color:Black;
	padding:2px 0 0 0;
}
div.editWorkOrderCompanies div.formField > ul{
	padding-left:16px;
}
div.editWorkOrderCompanies div.formTopAlignedLabel{
	padding:8px 5px 0 10px;
}
div.editWorkOrderCompanies div.formTopAlignedField{
	padding:2px 5px 0 10px;
	color:Black;
}
div.editWorkOrderCompanies div.formValidationErrorBox{
	padding:4px 0 4px 0;
	margin:0 0 12px 0;    	 
	font-style:italic;
	color:Red;
	border:0 solid Red;
	border-bottom-width:1px;
}
div.editWorkOrderCompanies div.selectionField{
	padding:2px 0 3px 3px;
}
div.editWorkOrderCompanies div.selectionField > label{
	padding:0 0 0 4px;
}
div.editWorkOrderCompanies div.selectionFieldSelected{
	color:White;
	font-weight:bold;
	/* background-color:#7B205A;  /* purple */
	background-color:#C69AB5;
}
div.editWorkOrderCompanies div.selectionFieldNotSelected{
	color:Black;
}
div.editWorkOrderCompanies div.selectionBox{
	padding:15px; 
	/* border:1px solid #7B205A;  /* purple */
	border:1px solid #C69AB5;  /* light purple */
}
div.editWorkOrderCompanies div.selectionBoxSelected{
	/* background-color:#C69AB5;   /* light purple */    	
}
div.editWorkOrderCompanies div.selectionBox > div.formRow{
	padding:0 0 10px 0;
}
/* Work Orders Companies Edit module (fieldset elements) */
div.editWorkOrderCompanies fieldset{
	border:none;
	padding:5px 0 15px 0;
}
div.editWorkOrderCompanies fieldset legend{
	font-weight:bold;
	color:Black;
}
div.editWorkOrderCompanies fieldset > div.formRow{
	padding:10px 0 0 0;    	
}
/* Work Orders Companies Edit module (input elements) */
div.editWorkOrderCompanies input.textBoxDateChooser{
	width:170px !important;
}