./* Main */
ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
label
{
	margin-top: -7px;
	margin-left: 5px;
	margin-right: 10px;
	padding: 0; /*display: block;*/ /*width: 340px;*/ /*float: left;*/
}

.multiplefieldlabel
{
	width: 130px;
}
/* End Main */
/* Onderhandel bovenbanner */
.bovenbanner
{
	padding-top: 5px;
	padding-bottom: 5px; /*margin-top: 10px;*/
}

.bovenbanner h1
{
	font-family: Arial;
	font-size: 18px;
	margin: 5px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 10px;
}
/* End Onderhandel bovenbanner */

/*Results decisions additions*/
#resultdecisioncontent
{
	background-repeat: no-repeat;
	background-position: center 10px; /*background-position: center center;*/
	margin: auto;
	position: relative;
	top: 15px;
	margin-left: 20px;
	height: 380px;
	width: 920px;
}

#resultdecisioncontent fieldset
{
	font-family: Arial;
	font-size: 14px;
	margin: 15px;
	border-style: none;
	padding: 0;
}
#resultdecisioncontent fieldset ul
{
	margin: 0;
	padding: 0;
	list-style-type: none; /*width: 350px;*/
}

#resultdecisioncontent fieldset label
{
	margin: 0;
	padding: 0; /*display: block; 	width: 340px; 	float: left;*/
}

#resultdecisioncontent fieldset li
{
	padding: 2px;
	clear: both;
}

select, input, textarea
{
	font-family: Arial;
	border-style: solid;
	border-width: 1px;
	font-size: 8pt;
	padding-top: 2px;
	padding-left: 2px;
}

input[type="checkbox"], input[type="radio"]
{
	border-style: none;
	background-color: transparent;
	width: 20px;
}

input[type="button"], input[type="submit"], input[type="reset"]
{
	cursor: pointer;
}

select.xsmall, input.xsmall
{
	width: 45px;
}

select.small, input.small
{
	width: 65px;
}

select.medium, input.medium
{
	width: 75px;
}

select.large, input.large
{
	width: 100px;
}

select.xxsmall
{
	width: 40px;
}

select.xlarge
{
	width: 120px;
}

select.xxlarge
{
	width: 230px;
}

.leftpanel p, .rightpanel p, .onepanel p
{
	margin: 0 0 5px 0;
}

/*End result decisions*/

/* checkbox */
span.checkbox
{
	padding: 0;
	margin-top: -5px;
}

span.checkbox input
{
	margin-bottom: -5px;
	margin-top: -20px;
	padding: 0;
}

/*Modal popup*/
.modalpopup
{
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 20;
	left: 0;
	top: 0;
	opacity: .40;
	-moz-opacity: .40;
	filter: alpha(opacity = 40);
}

.modalpopupcontainer
{
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
}

.modalcontent
{
	width: 100%;
	border-width: 2px;
	position: absolute;
	top: 0;
	margin: auto;
	z-index: 25;
	padding-top: 20px;
	font-size: 8pt;
}

.modalcontrolplaceholder
{
	font-family: Arial;
	font-size: 8pt;
	margin: auto;
	width: 400px;
}

.modalcontrolplaceholder p
{
	padding-left: 225px; /*margin-top: -7px;*/
	margin-bottom: 20px;
}

.modalcontrolplaceholder p.errorbox
{
	padding-left: 30px;
	font-weight: bold;
}



.modalcontrolplaceholder p.aantal_onderhandelingen
{
	font-family: Arial;
	font-size: 14px;
	padding-left: 0px;
	margin-top: -7px;
	margin-bottom: 20px;
}

.modalcontrolplaceholder p.aantal_onderhandelingen label
{
	font-family: Arial;
	font-size: 14px;
	margin-top: 0px;
	margin-left: 17px;
	padding: 0;
	display: block;
	width: 340px;
	float: left;
}

.modalerror
{
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 20;
	left: 0;
	top: 0;
	opacity: .40;
	-moz-opacity: .40;
	filter: alpha(opacity = 40);
}
.modalerrorcontent
{
	height: 100%;
	width: 100%;
	border-width: 2px;
	position: absolute;
	top: 0;
	margin: auto;
	z-index: 25;
}

.modalerrorcontrolplaceholder
{
	margin: auto;
	height: 500px;
	width: 900px;
	border-width: 1px;
	border-style: solid;
}
/*End modal popup*/



/*Tabs on top of the page*/
.tabbedmenu
{
	height: 17px;
	padding-top: 3px;
	padding-bottom: 0px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.tabbedmenu ul
{
	list-style-type: none; /*display: inline;*/
	margin-top: -12px;
	margin-left: 75px;
	padding: 0;
}

.tabbedmenu li
{
	display: inline;
	width: 100px;
	border-style: solid;
	border-width: 1px;
	border-bottom-style: none;
	margin-right: 3px;
	margin-bottom: 5px;
}

.tabbedmenu a
{
	font-weight: bold;
	margin-left: 4px;
	margin-right: 4px;
	height: 40px;
	text-decoration: none;
	font-size: 8pt;
}

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

.tabbedmenu span
{
	padding: 3px;
	border-style: solid;
	border-width: 1px;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: bolder;
	font-size: 9pt;
}

.tabbedmenu span.tabtitel
{
	text-transform: uppercase;
}
/*End tabs*/

/* Spans */

span.info
{
	padding: 0;
	font-size: 0;
	margin: 0; /*	line-height: 14px; 	text-indent: 14px; */
	display: block;
	width: 14px;
	height: 14px;
	float: left;
	background-repeat: no-repeat;
	background-position: 0 0;
	cursor: help;
	background-color: transparent;
	background-image: url(../images/info.png);
}

td span.info, th span.info
{
	padding-right: 6px;
}

.infospecs
{
	padding: 0;
	font-size: 0;
	margin: 0; /*	line-height: 14px; 	text-indent: 14px; */
	display: block;
	width: 14px;
	height: 14px;
	float: left;
	background-repeat: no-repeat;
	background-position: 0 0;
	cursor: help;
	background-color: transparent;
	background-image: url(../images/info.png);
}

td span.infospecs, th span.infospecs
{
	padding-right: 6px;
}

span.True
{
	display: block;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-image: url(../images/true.png);
}

span.False
{
	display: block;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-image: url(../images/false.png);
}

span.ingangscontrole-True, span.smed-True
{
	display: block;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-image: url(../images/true.png);
}
span.ingangscontrole-False, span.smed-False
{
	display: block;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-image: url(../images/false.png);
}
/* End Spans*/


/*Ul table layout*/

.bodywrapper h3, .draggablecontentcontrol h3
{
	position: relative;
	font-size: 12px;
	padding-left: 3px;
	padding-top: 1px;
	padding-bottom: 2px;
	margin: 0px;
	margin-bottom: 5px;
	border-style: solid;
	border-width: 1px;
}

table
{
	margin-bottom: 5px;
	border-collapse: separate;
	border-spacing: 0;
}

.noborder, .noborder td, .noborder th, td.noborder
{
	border-style: none;
}

.marginbottom
{
	margin-bottom: 5px;
}

.radiobutton
{
	margin-bottom: -5px;
}

.radiobutton input
{
	margin-top: -5px;
	margin-bottom: -3px;
}
.radiobutton label
{
	font-size: 8pt;
	padding-left: 5px;
	margin-top: -12px;
}

.bodywrapper h3.collapsibleheaderup, h3.collapsibleheaderup
{
	background-repeat: no-repeat;
	background-position: 1px 1px;
	margin-bottom: 3px;
	text-indent: 0px; /*24px;*/
	margin-right: 0px;
	cursor: pointer;
}

.bodywrapper h3.collapsibleheaderdown, h3.collapsibleheaderdown
{
	background-repeat: no-repeat;
	background-position: 1px 1px;
	margin-bottom: 3px;
	text-indent: 0px;
	margin-right: 0px;
	cursor: pointer;
}

span.collapsiblefiller
{
	padding-left: 24px;
}

/*Error labels*/

select.error, input.error
{
	border-style: solid;
	border-width: 1px;
	font-weight: bold;
}

label.error, span.error
{
	font-size: 15px;
	font-weight: bold;
	width: 10px;
	padding-left: 3px;
}

.errorlabel
{
	font-size: 9pt;
	color: Red;
}


/*End errors labels*/

/* Segmentering */
ul.segmentering .label
{
	width: 90px;
	float: left;
}

ul.segmentering .headerlabel
{
	width: 80px;
	display: block;
	float: left;
	text-align: center;
}

ul.segmentering li
{
	clear: both;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

ul.segmentering input, ul.segmentering select
{
	width: 80px;
}

.segmenteringscore td
{
	width: 80px;
	height: 15px;
}


.segmenteringscore .Rood
{
}

.segmenteringscore .Groen
{
}

.segmenteringscore .Oranje
{
}
/* End Segmentering */

/* KPI's */

.kpichart img
{
	text-align: center;
	padding-top: 3px;
	border-style: none;
}

a.kpichart
{
	position: relative;
}

a .kpichartwithdetails
{
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/zoom.gif);
	border-style: none;
	width: 40px;
	height: 40px;
	position: absolute;
	left: 360px;
	z-index: 4;
	cursor: pointer;
}

table.kpititle
{
	font-weight: bold;
	font-size: 10pt;
}

.kpititle td
{
	text-align: center;
}

/* End KPI's */

/* Tooltip window */

.tooltip
{
	font-size: 11px;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	position: absolute;
	z-index: 50;
	width: 250px;
}

.tooltip p a.more
{
	float: left;
	margin-top: 5px;
}
.tooltip a.close
{
	float: right;
	padding: 2px 4px;
	margin: 2px 4px;
	background-repeat: no-repeat;
	border-style: solid;
	border-width: 1px;
	border-color: #999;
	text-decoration: none;
}
.tooltip a.close:hover
{
	text-decoration: none;
}

.tooltip p
{
	margin: 0;
	width: 250px;
	padding: 0;
}

/* End of Tooltip window */

/* Draggable window */

.specifications
{
	font-size: 11px;
	border-top: none;
	cursor: move;
	width: 550px;
}
.specifications h3
{
	margin: 0;
	padding: 2px;
	font-size: 12px;
	padding-top: 1px;
	padding-left: 5px;
	padding-bottom: 1px;
	height: 20px;
}


div.description
{
	padding: 5px;
}

div.specifications a.close
{
	position: absolute;
	right: 5px;
	top: 2px;
}

/* End Draggable window */

/* Buttons */

.submit, .cancel, .button
{
	border-style: solid;
	border-width: 1px;
	padding: 3px 7px 3px 7px;
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
}

.submitdisabled
{
	border-style: solid;
	border-width: 1px;
	padding: 3px 7px;
	text-decoration: none;
	font-weight: bold;
	background-color: Gray;
}

.readonly .submit, .readonly .cancel, .readonly .button
{
	cursor: default;
}

/* End Buttons */

/*Afvullijn grafieken*/
.afvullijnen .afvullijntooltip
{
	cursor: default;
}

.afvullijnen .dontexpandtable
{
	position: absolute;
	margin: -14px 0 0 0;
	padding: 0 2px 0 2px;
	overflow: visible;
	text-align: right;
}

.afvullijntablewrapper
{
	position: relative;
	top: 0px;
	left: 0px;
}

.afvullijnen .afvullijntitle
{
	font-weight: bold;
	font-size: 9pt;
}

table.afvullijnen
{
	border: 0;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

table.afvullijnen td, table.afvullijnen tr
{
	border: 0;
	padding: 0;
	margin: 0;
}

.afvullijnoverwerkseparator
{
	height: 2px;
	background-color: #000;
}

.afvullijnen
{
	margin-bottom: 0;
	padding: 0;
	border: none;
}

table.afvullijnen td
{
	padding: 0;
	margin: 0;
	border: none;
}

.afvullijnen td
{
	vertical-align: bottom;
}

.afvullijnen .noborder
{
	margin-bottom: 0px;
}

table.afvullijnen table
{
	width: auto;
}

td.afvullijnpercentage
{
	width: 44px;
	vertical-align: middle;
	overflow: visible;
}

.afvullijnen td.afvullijnpercentage .dontexpandtable
{
	width: 40px;
	border-bottom: solid 1px #ccc;
}

td.afvullijntijd
{
	width: 44px;
	vertical-align: middle;
	overflow: visible;
}

.afvullijnen td.afvullijntijd .dontexpandtable
{
	width: 31px;
	border-bottom: solid 1px #ccc;
}

td.afvullijnkleur
{
	width: 30px;
	text-align: center;
}

.onbenuttetijd
{
	background-color: #99f;
}

.storingtijd
{
	background-color: #f99;
}

.omsteltijd
{
	background-color: #ff9;
}

.draaitijd
{
	background-color: #9c9;
}

.overwerktijd
{
	background-color: #666;
}



/*End afvullijn grafieken*/

/*Draggable content*/
.draggablecontentcontrol
{
	position: absolute;
	background-color: #fff;
	top: 30px;
	left: 30px;
	z-index: 500;
	font-size: 8pt;
	padding: 5px;
	border: 1px solid;
	cursor: move;
}

/*End draggable content*/

.tabbedmenu .selectedtab
{
	background-color: #fff;
}

span.roundindicator
{
	text-transform: uppercase;
	font-weight:bold;
}
/*Readonly*/
.readonly .notreadonly
{
	color: #000;
}

/*modal onderhandelen */
table.modal input
{
	width: 79px;
}

table.modal .modalcheckbox input
{
	width: 10px;
}

table.modal select
{
	width: 85px;
}

.modalcontrolplaceholder table.modal
{
	margin: 20px 20px;
}

.modalcheckbox td
{
	margin: 0;
	padding: 0;
}

div.modalbuttonpanel
{
	width: 100%; 
	background-color: #333333; 
	text-align: center;
	margin-top: 15px;
	padding-top: 20px; 
	padding-bottom: 20px;
}

.buttonpanel
{
	width: 100%; 
	text-align: center;
	margin-top: 15px;
	padding-top: 7px; 
	padding-bottom: 7px;
}


/*Table alginments and sizes within fieldsets*/
fieldset
{
	/*border: solid 1px #000;*/	
	margin-top: 15px;
	margin-bottom: 5px;
}


fieldset legend
{
	font-weight: bold;
}

fieldset.expandable legend, fieldset.expandable table.summary
{
	cursor: pointer;
}

fieldset table
{
	width: 100%;
}

fieldset table td
{
	padding: 2px 4px;
	vertical-align: top;
}


fieldset td.withbutton, td.withbutton
{
	padding: 7px 4px 7px 4px;
}

fieldset td.rightalign
{
	text-align: right;
	padding-right: 10px;
}

fieldset td.centeralign, fieldset th.centeralign
{
	text-align: center;
}

fieldset td
{
	text-align: left;
}

fieldset th
{
	text-align: center;
}

fieldset table th
{
	padding: 2px 4px;
	text-align: left;
	vertical-align: top;
}

fieldset input 
{
	width: 80px;
}

/*Round selectie*/

.roundselection 
{
	border: none;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

.roundselection td
{
	text-align: center;
	color: #fff;
	border: none;
}

.roundselection td a
{
	color: #fff;
	text-align: center;
	padding-left: 8px;
	padding-right: 8px;
}


.roundselection .roundred
{
	background-color: Red;
	width: 30px;
}

.roundselection .roundgreen
{
	background-color: Green;
	width: 30px;
}

.roundselection .roundgreenselected
{
	background-color: Green;
	border: 1px solid;
}

.productieintervalgereedproducten
{
	overflow: auto; 
	width: 400px; 
	height: 340px;
}

.productintervalfirstcolumn
{
	width: 50%; 
}

.productieintervalsecondcolumn
{
	
}

.productieintervaltotalen
{
	margin-bottom: 20px;
}

/*Entity specs popup*/

.specifications table
{
	width: 100%;
}

.specifications table td
{
	padding: 2px 2px 2px 5px;
}

.specifiations .description
{
	padding: 5px;
}

img 
{
	border: 0;
}

/*Leveranciers overzicht*/
td.small
{
	width: 150px;
}

td.large
{
	width: 200px;
}