input {
	width:200px;
	height: 20px;
	
	padding-left: 4px;
	padding-right: 4px;
	
	border: 1px solid silver;
	border-radius: 4px;
	
	font-size: 13px;
	color: black;
	
	background-position: 98% center;
	background-repeat: no-repeat;
	background-color: white;
}

input:focus {
	outline: none;
}

input[xrequired] {
	background-image: url('../img/asterisk.png');
	/*background: url('../img/asterisk.png') 98% center no-repeat;*/
}

input[valid] {
	border: 1px solid #00bf00 !important;
	box-shadow: 0px 0px 5px #00bf00;
	background-image: url('../img/yes.png');
	/*background: url('../img/yes.png') 98% center no-repeat;*/
}

input[invalid] {
	border: 1px solid red !important;
	box-shadow: 0px 0px 5px red;
	background-image: url('../img/cross.png');
	/*background: url('../img/cross.png') 98% center no-repeat;*/
}

input[isplaceholder] {
	color: grey;
}

input[type="xcolor"] {
	font-weight: bold;
}

input[type="checkbox"], input[type="radio"] {
	position: relative;
	top: 4px;
	width: 16px;
	border: none;
}

input[type="xnumber"] {
	background-image: none;
}

input[type="xnumber"][xrequired] {
	border: 1px dashed red;
}



.numberButtonContainer {
	position: relative;
	width: 15px;
	height: 16px;
}

.numberButtonContainer div {
	width: 15px;
	height: 8px;
	cursor: pointer;
}

.numberButtonContainer .top {
	background: url('../img/number buttons/top-normal.png');
}

.numberButtonContainer .top:hover {
	background: url('../img/number buttons/top-hover.png');
}

.numberButtonContainer .top.down {
	background: url('../img/number buttons/top-down.png');
}

.numberButtonContainer .bottom {
	background: url('../img/number buttons/bottom-normal.png');
}

.numberButtonContainer .bottom:hover {
	background: url('../img/number buttons/bottom-hover.png');
}

.numberButtonContainer .bottom.down {
	background: url('../img/number buttons/bottom-down.png');
}


#infobulle {
	position: absolute;
	max-width: 300px;
	
	padding: 5px 8px 5px 30px;
	font-family: "Trebuchet MS", serif;
	
	
	background: white;
	border: 1px solid silver;
	border-right: 1px solid rgb(170, 170, 170);
	border-bottom: 1px solid grey;
	border-radius: 10px;
	
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
}

#infobulle .icon {
	position: absolute;
	top: 8px;
	left: 8px;
}

#infobulle .arrowTop {
	position: absolute;
	left: 20px;
	top: -13px;
}

#ui-datepicker-div {
	font-size: 12px;
}