﻿table.editorTable
{
	border: 0px;
}

table.editorTable tr td
{
	border: 0px;
	text-align: left;
	vertical-align: top;
}

table.editorTable tbody tr td {
	padding-bottom: 2px;
	padding-top: 2px;
}

DIV.editor-label
{
	text-align: left;
	vertical-align: top;
}

div.editor-field {
	margin-left: 3px;
	margin-right: 3px;
}
    
form input, form select
{
    margin: 0px 0px 0px 0px;
}

input[type="text"], input[type="password"]
{
    border: 1px solid #CCC;
}
    
input[type="radiobutton"] 
{
    margin: 0px 0px 0px 0px;
}
    
Form .Button
{   
    width: 100px;
    height: 26px;
    margin: 10px 3px 6px 3px;
}
    
Form .Label
{
    width: 100%;
    margin: 4px 3px 6px 3px;
        display: block;
}

/* CreditNota van-t/m controls */
input[type="text"]#ZoekVanafDatum, input[type="text"]#ExperatieVan, input[type="text"]#ZoekTotEnMetDatum, input[type="text"]#ExperatieTot {
	width: 82px;
}

/* Verkoopfacturen van-t/m controls */
e[type="text"]#TotaalbedragVanaf, input[type="text"]#TotaalbedragTotEnMet, input[type="text"]#FactuurdatumVanaf, input[type="text"]#FactuurdatumTotEnMet, input[type="text"]#FactuurnummerVanaf, input[type="text"]#FactuurnummerTotEnMet {
	width: 82px;
}

Form Input[type="text"].text-box, form input[type="password"]
{
	height: 18px;
	width: 196px;
}

Form Input[type="text"][readonly=true].text-box
{
	background-color: Yellow;
}

/* Editor template DateTime.ascx */
Form Input[type="text"].datePicker
{
	width: 100px;
}

Form Select.drop-down
{
	width: 200px;
}

table.EmptyGrid {
    font-size: 9pt;
    font-weight: normal;
    width: 100%;
    border-spacing: 0px;
    empty-cells: show;
}

table.UHGrid
{
	font-size: 9pt;
	font-weight: normal;
	width: 100%;
	border-spacing: 0px;
	empty-cells: show;
}

table.UHGrid thead tr
{
	background-image: url(images/TableHeaderBackground.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

table.UHGrid thead tr th
{
	font-weight: normal;
	font-size: 9pt;
	padding-top: 2px;
	padding-bottom: 2px;
	border-style: solid;
	border-width: 1px;
	border-color: #E0ECF7 #DFE0E2 #D5D5D5 #DFE0E2;
	text-align: left;
	padding-left: 4px;
}

table.UHGrid tfoot tr td {
	font-weight: normal;
	font-size: 9pt;
	padding-top: 2px;
	padding-bottom: 2px;
}

table.UHGrid thead tr th:first-child, table.UHGrid tbody tr td:first-child, table.UHGrid tfoot tr td:first-child
{
	padding-left: 5px;
}

table.UHGrid tbody tr {
	padding-top: 1px;
	padding-bottom: 1px;
}

table.UHGrid tbody tr td a, table.UHGrid tbody tr td a:visited, table.UHGrid tbody tr td a:hover, table.UHGrid tbody tr td a:active {
	font-weight: normal;
	text-decoration: underline;
	color: blue;
	font-size: 9pt;
}

table.UHGrid tfoot tr
{
	padding-top: 2px;
	padding-bottom: 2px;
}

table.UHGrid tbody tr td {
	padding-left: 1px;
	padding-right: 1px;
	border-left: 1px solid #E1EDF9;
}

table.UHGrid tbody tr td:last-child {
	padding-left: 1px;
	padding-right: 1px;
	border-left: 1px solid #E1EDF9;
	border-right: 1px solid #E1EDF9;
}

table.UHGrid tbody tr:last-child td {
	border-bottom: 1px solid #E1EDF9;
}

table.UHGrid tfoot tr td {
	padding-left: 1px;
	padding-right: 1px;
	font-weight: bold;
}

table.UHGrid tbody tr.normal
{
	background-color: #FFFFFF;
}

table.UHGrid tbody tr.alternate
{
	background-color: #E9F3FC;
}

table.UHGrid tbody tr.highlighted
{
	background-color: #006DDE;
	color: white;
}

table.UHGrid tbody tr:hover
{
	background-color: #CCE2F8;
	cursor: default;
}

table.UHGrid tbody tr.highlighted:hover {
	background-color: #006DDE;
	cursor: default;
	color: yellow
}

table.UHGrid thead tr th:last-child,  table.UHGrid tbody tr td:last-child, table.UHGrid tfoot tr td:last-child{
	padding-right: 5px;
}

table.UHGrid thead th.sortableColumnTitle {
	cursor: pointer;
}

form textarea {
	width: 196px;
	overflow-y: visible;
	height: 60px;
}

fieldset
{
	border: 1px solid #999999;
	margin: 0px;
	padding: 2px;
}

fieldset legend
{
	font-size: 12px;
	font-weight: bold;
}

form textarea.largeTextArea {
	width: 500px;
	height: 150px;
	border: 1px solid gray;
	margin: 3px;
}

div.editorDiv
{
	border: 1px solid #D5D5D5;
	min-height: 50px;
	max-height: 125px;
	overflow: auto;
}

div.readonlyDiv
{
	height: 125px;
	width: 200px;
}

input[type=text].autocomplete-dropdown
{
	width: 176px;
}

a.autocomplete-dropdown {
	width: 20px;
	height: 18px;
	border: 1px solid #CCCCCC;
	padding: 0px;
	margin-top: 0px;
	*margin-top: 1px;
	margin-left: -5px;
	position: absolute;
}

a.autocomplete-extra-button
{
	width: 18px;
	height: 18px;
	border: 1px solid #CCCCCC;
	padding: 0px;
	margin-top: -20px;
	*margin-top: -21px;
	margin-left: 202px;
	position: absolute; /* IE8, IE9, Chrome, FireFox*/
	*position: relative; /* IE7 only */
	display: block;
}

.ui-autocomplete
{
	max-height: 186px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}

table.ZoekCriteria tr td {
	padding-top: 3px;
	padding-bottom: 3px;
}

#pager {
	margin-top: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 1px solid #E1EDF9;
	background-color: white;
	color: black;
	text-align: center;
}

#pager span, #pager a
{
	margin-left: 1px;
	margin-right: 1px;
	padding-left: 3px;
	padding-right: 3px;
	border: 1px solid #9ECAF1;
	background-color: #E9F3FC;
	width: 24px;
}

#pager span.disabled {
	color: silver;
}

#pager span.current
{
	color: white;
	background-color: #006DDE;
	border: 1px solid #000099;
}

#pager a {
	color: darkblue;
	text-decoration: none;
}


/* Mozilla Firefox overrides */
 @-moz-document url-prefix() {
	a.autocomplete-dropdown {
		margin-left: -1px;
	}
	a.autocomplete-extra-button {
		margin-left: 200px;					
	}
}

/* Google Chrome, Safari 3+ overrides */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	a.autocomplete-dropdown {
		margin-left: -1px;
	}
	a.autocomplete-extra-button {
		margin-left: 200px;					
	}
}

#AnderAdres label.small
{
    width: 50px;
}

#AnderAdres label, #betalenBijAflevering label
{
    margin-right: 10px;
    display: inline-block;
    width: 200px;
    font-weight:bold;
}

.boldLabel
{
    margin-right: 10px;
    font-weight:bold;
}

.serviceList
{
    width: 50%;
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}

.field-validation-error
{
    color: red;
}