/* ----------------------------------------
- OS Inputfield stuff
---------------------------------------- */

#formMain input.areacode{
	width: 40px !important;
}

#formMain input.telnr{
	width: 188px !important;
}

#formMain select.wide{
	width: 233px;
}

/* ----------------------------------------
- OS Layout stuff
---------------------------------------- */
#formMain label.toevoeging{
	text-align: right;
	width: 86px !important;
	padding: 0px;
	padding-right: 2px;
	margin: 0px;
	margin-right: 2px;
}

/* ----------------------------------------
- OS subcontent panel stuff 
---------------------------------------- */
.os-status {
	color:#666;
	background-color:#fff;
	background-image:url("/img/panels/product.gif");
	padding: 10px 16px 0;
}
	.os-status .foot {
		background-image:url("/img/panels/product-foot.gif");
	}
	.os-status h2 {
		background: #fff url("/img/icons/os-clipboard.gif") no-repeat right top;
		height: 27px;
		line-height: 27px;
		margin-bottom: 12px;
	}
	.os-status h3 {
		color: #999;
	}
	.os-status-ankeiler {
		color: #000;
		margin: 0;
	}
	.os-status-duur {
		background: #fff url("/img/icons/os-status-duur.gif") no-repeat left top;
		padding-left: 15px;
	}
	.os-status-divider {
		height: 1px;
		padding: 0;
		margin: 0;
		background: #fff url("/img/content/border-hor-grey.gif") repeat-x left center;
	}
	.os-status ul.os-status-list { /* Status list */
		background: url("/img/content/border-hor-grey.gif") 0 100% repeat-x;
		margin:0 0 0.5em;
		padding:0 0 1px;
		list-style:none outside;
		height:1%;
		clear:both;
	}
		.os-status ul.os-status-list li {
			background:url("/img/content/border-hor-grey.gif") 0 0 repeat-x;
			height:1%;
			line-height:150%;
			margin:0;
		}
		.os-status ul.os-status-list li span {
			float: none;
			color:#999;
			display: block;
			padding:0.4em 0 0.4em 0;
			height:1%;
		}
			.os-status ul.os-status-list li span strong {
				color: #333;
				font-weight: normal;
			}
		.os-status ul.os-status-list li.os-status-current span {
			color: #333;
			background:url("/img/icons/os-status-current.gif") transparent right center no-repeat;
			padding:0.4em 32px 0.4em 0;
		}
			.os-status ul.os-status-list li.os-status-current span strong {
				color: #f60;
				font-weight: bold;
			}
		.os-status ul.os-status-list li.os-status-finished span {
			background:url("/img/icons/os-status-finished.gif") transparent right center no-repeat;
			padding:0.4em 32px 0.4em 0;
		}
		.os-status ul.os-status-list li.os-status-sent span {
			background:url("/img/icons/os-status-finished.gif") transparent right center no-repeat;
			padding:1.2em 32px 1.2em 0;
		}
		.os-status ul.os-status-list li.os-status-todo span {
			background:url("/img/icons/os-status-check.gif") transparent right center no-repeat;
			padding:0.4em 32px 0.4em 0;
		}
	.os-status ul.os-todo-list { /* Thema todo list */
		background: url("/img/content/border-hor-grey.gif") 0 100% repeat-x;
		margin:0 0 0.5em;
		padding:0 0 1px;
		list-style:none outside;
		height:1%;
		clear:both;
	}
		.os-status ul.os-todo-list li {
			background:url("/img/content/border-hor-grey.gif") 0 0 repeat-x;
			height:1%;
			line-height:150%;
			margin:0;
			padding:0.4em 0 0.4em 0;
			float:none;
			clear: both;
			display:block;
		}
			/* clearfixes */
			.os-status ul.os-todo-list li:after {
				content:".";
				display:block;
				visibility:hidden;
				clear:both;
				height:0;
			}
		.os-status ul.os-todo-list li label {
			display: block;
			float: left;
			width: 170px !important;
			padding: 0;
		}
		.os-status ul.os-todo-list li span {
			background-image: url("/img/icons/os-status-pre.gif") !important;
			background-position: left -1px;
			background-repeat: no-repeat;
			padding-left: 10px;
		}
	#os-todo {
		/* display: none; */
	}

/* ----------------------------------------
- OS Form specific stuff 
---------------------------------------- */
#formMain .popupbox { /* Infobox popup - dl */
	display: inline;
	position: absolute;
	z-index: 500;
}
	#formMain .popupbox dt {
		display: inline;
		padding: 2px 5px;
		margin-left: 5px;
		background: url("/img/icons/os-more-info.gif") no-repeat left 1px;
	}	
		#formMain .popupbox dt span {
			visibility: hidden;
		}
	#formMain .popupbox dd {
		position: absolute;
		top: -.3em;
		left: 2em;
		display: none;
		width: 135px;
		border: 1px solid #f60;
		background: #fff;
		padding: 4px;
		z-index: 900;
	}
	#formMain .popupbox:hover dd,
	#formMain .popupbox.infoboxhover dd {
		display: block;
	}
#os-form-popupbox{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 143px;
	z-index: 1000;
}
	#os-form-popupbox-msg {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 135px;
		padding: 4px;
		border: 1px solid #f60;
		background: #fff;
		color: #333;
		font-size: 85%;
		text-align: left;
		z-index: 900;
	}
	#os-form-popupbox-iframe {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 23px;
		z-index: 800;
	}
#formMain .os-popupbox{ /* Infobox popup - a */
	position: relative;
	text-decoration: none;
	color: #000;
	font-weight: normal;
	margin: 0;
	padding: 0;
	margin-left: 5px;
}
	#formMain .os-popupbox.righthand { /* righthandside */
		float: right;
	}
	#formMain .os-popupboximg {
		border: 0;
		margin: 0;
		padding: 0;
		vertical-align: middle;
	}
	#formMain .os-popupbox-text {
		display: block;
		position: absolute;
		width: 135px;
		padding: 4px;
		background-color: #fff;
		border: 1px solid #f60;
		top: -4px;
		left: -9000em;
		z-index: 500;
	}
	#formMain .os-popupbox:hover { /* IE */
		border-width: 0;
	}
	#formMain .os-popupbox:hover .os-infopopup-text {
		left: 20px;
	}
		#formMain .os-popupbox.righthand:hover .os-infopopup-text { /* text on lefthandside */
			left: -150px;
		}

/* ----------------------------------------
- OS Form validation stuff 
---------------------------------------- */
#os-form-warning {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 231px;
}
	#os-form-warning-container {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 220px;
		padding: 1px 5px;
		border: 1px solid #09C;
		background: #fff;
		color: #09C;
		font-size: 80%;
		font-weight: bold;
		text-align: left;
		z-index: 900;
	}
		#os-form-warning-msg {
			color: #333;
			font-weight: normal;
		}
		#os-form-warning-arrow {
			display: block;
			position: absolute;
			width: 8px;
			height: 17px;
			background: url("/img/icons/warning-arrow.gif") no-repeat left top;
			left: -8px;
			top: -12px;
		}
	#os-form-warning-iframe {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 23px;
		z-index: 800;
	}