.spider_form{
	width:	100%;
	
}

* {
	padding: 0;
	margin: 0;
}

/***************************** HTML *********************************************/

html, body {
	height: 100%;
	overflow: hidden;
}

table, p, form, #content, #content > div {
	width: 99%;
}

table {
  border-spacing: 2px;
}

.note_table, .note_form {
	float:				right;
	width: 				225px;
	background-color:	#f0f0f0;
}

.note_table thead{
	width: 				225px;
}

.note_table td{
	color: 				#000000;
	font-weight: 		bold;
}

.note_form{
	background-color:	#FFFFFF;
	padding-right: 		30px;
	margin-right: 		30px;
}

.notes_table{
	width:				500px;
	position:			relative;
	float:				left;
}

.notes_table td{
	border:				none;
}


/***************************** General ******************************************/

hr {
	display: block;
	margin: 1.5em 1em 1.5em 0;
	border: none;
}


/***************************** Header ******************************************/

#header {
	clear: right;
	width: 12em;  				/* related to #noscript->left */
	margin-left: 0.4em;
	margin-top: 6px;
	padding-left: 15px;
	border: 1px solid;
	border-bottom: none;
}

h1 {
	padding: 0.2em 2px 2px 5px;
	text-align: left;
}

h2, .header_bar {
	display: block;
	overflow: hidden;
	height: 1.4em;
	padding: 0.2em 2em 0.1em 0;
	text-align: right;
}

.icon img {
	margin: 0.2em 0 0 0.2em;
}

.content_header {
	margin-left: 50px;
}

#noscript {
	position: absolute;
	top: 8px;
	left: 14.5em;
}

.logo {
	text-align: center;
}

.logo_pic {
	text-align: center;
	background-color: #6B0829;
	height:	695px;
}
.logo_pic img {
	margin-top: 150px;
}

#intro_text {
	padding-bottom: 1px;
	font-weight: bold;
}

#intro_text .gebruiker {
	display: inline;
	width: auto;
	float: left;
}

#intro_text .datum {
	display: inline;
	width: auto;
	float: right;
}

h3 .record {
	float: right;
	margin-top: -1.3em;
	margin-right: 0.2em;
}

/***************************** Table ******************************************/

table {
	border-collapse: collapse;
	border: 0px;
}

table thead tr.subrow {
	display: none;
}

table tbody tr.subrow td {
	padding-left: 10px;
}

td {
	padding: 2px;
}

th {
	padding: 5px 2px;
}

th a {
	color: #FFFFFF;
}

table .actions {
	padding-right: 0.3em;
	text-align: right;
}

table .actions .label {
	display: none;
}

table .check {
	padding-left: 0.3em;
	text-align: left;
}

/*--------- Systeem info tables ------------*/

table.systeeminfo {
	width: 26em;
	border: 0px;
}

caption.systeeminfo {
	width: 26em;
	text-align: left;
	padding-bottom: 0.2em;
}

td.systeeminfo {
	width: 13em;
	border: 0;
}

tr.systeeminfo {
	border: 0;
}

/***************************** Form ******************************************/

#content form table {
	width: 100%;
}

.form_error {
	margin-bottom: 1em;
}

.form_error li {
	margin-left: 50px;
}

.form_error img {
	vertical-align: middle;
	margin-right: 10px;
}

label.error img {
	vertical-align: middle;
}

form table td {
	border-bottom: none;
	/*padding: 0.2em 0.2em 0.2em 0.2em;*/
}

form table td.description {
	font-weight: bold;
	padding-right: 2em;
	white-space: nowrap;
}

form table td.value {
	width: 100%;
}

#qb_section_qb_product__voorraad_magazijn__61_Voorraad td.value a {
	width: 100%;
	display: inline-block;
}

form table label.image input, form table .submit {
	margin-top: 0.8em;
}

form table label.image span {
	vertical-align: -0.4em;		/* Middle: 50% of (margin-top - margin-bottom) from form label.image input */
}


input, textarea {
	margin: 0px;
	padding: 1px;
	width: 20em;
}

.textarea_big {
	margin: 0px;
	padding: 1px;
	width: 50em;
	height: 10em;
}

input.checkbox, input.radio {
	height: 1em;
	width: 1em;
	vertical-align: middle;
}

td.value label {
	margin-right: 0.5em;
}

td span.group span {
	margin-right: 1em;
}

td span.group span a {
	vertical-align: -0.3em;
}

input.submit {
	width: 10em;
	text-align: center;
}

input.image {
	width: auto;
	padding: 0;
}

input.number, input.date {
	width: 8em;
}

input.postcode {
	width: 8.5em;
}

input.time {
	width: 8.0em;
}

input.smalltext {
        width: 4.6em;
}

input.smallbox {
        width: 4.6em;
        border: none;
}

input.tinytext {
        width: 1.4em;
}

form .calendar {
	margin-left: 6px;
	padding-top: 3px;
	vertical-align: middle;
}

label input {
	vertical-align: middle;
}

label span {
	margin-left: 0.5em;
}

tr.seperator h4{
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	font-size: 1em;
}

.seperator img {
	margin-right: 0.5em;
}

.checkbox_rechten{
 	width: 2em;
 	border: 0px;
}

.checkbox_overzicht{
	height: 1em;
	width: 1em; 	
 	border: 0px;
}

.optlist {
	height:5em; 
	width: 20.3em; 
	padding-left: 2px; 
	overflow: auto;
	border: 1px solid;
}

#content .optlist {   /* #content div overwrites .optlist */
	width: 20.3em;
}

/*--------- Miniform ------------*/

form.miniform {
	width: 20em;
	float: right;
	padding: 0;
} 

form.miniform table {
	width: 100%;
}

form.miniform caption {
	padding: 0.3em 0 0.4em 0;
}

form.miniform td.description {
	padding-right: 0em;
	width: 4.5em;
}

form.miniform td.value {
	padding-left: 0.3em;
}

form.miniform input, select, textarea {
	width: 20em;
} 

form.miniform input.checkbox {
	width: 1em;
}

form.miniform input.submit {
	width: 10em;
}

form.miniform input.image {
	width: auto;
	border: 0;
}

/*--------- Login form ------------*/

#loginform {
	width: 30em;
	float: none;
	margin: 20% auto 0 auto;
	padding: 0;
}

#loginform td.description {
	padding: 0 1em 0 1em;
	text-align: center;
}

#loginform td.description img {
	vertical-align: 150%;
}

#loginform .first td {
	padding-top: 2em;
}

#loginform .last td {
	padding-bottom: 2em;
}

#loginform #username {
	width: 12em;
}

#loginform #password {
	width: 8em;
}

#loginform input.image {
	vertical-align: text-bottom;
}

/*-----  QuickSelect Form    ------*/
form.quickSelectForm table {
	margin: 0;
}

form.quickSelectForm td {
	padding: 0.4em;
}

form.quickSelectForm label.image input, form .submit {
	margin: 0.5em 0 0 0.5em;
}

form.quickSelectForm label.image span {
	vertical-align: -0.25em;		/* Middle: 50% of (margin-top - margin-bottom) from form label.image input */
}



/***************************** Calendar ***************************************/

#overDiv {
	width: 250px;
}

#overDiv table {
	width: 100%;
}

#overDiv .close a {
	position: relative;
	top: -5px;
	left: 5px;
}

#overDiv .shown, #overDiv .shift td, #overDiv .calmonth td{
	text-align: center;
}


/***************************** Pager ******************************************/

.pager {
	margin-top: 1em;
	position: relative;
	text-align: center;
}

.pager .back {
	position: absolute;
	left: 0;
}

.pager .next {
	position: absolute;
	right: 0;
}


/***************************** Content ****************************************/

#content_container {
	height: 90%;
	overflow: auto;
	padding: 1em 0 0 1em;
	border-bottom: 1px solid;
	border-right: 1px solid;
	margin-left: 13.4em;
	position: relative;
}

#content {
	width: 100%;
	height: 100%;
	overflow: auto;
	position: relative;
}

#content h3 {
	display: block;
	margin-bottom: 1em;
	padding: 0.2em 0 0.2em 0.2em;
	font-size: 1em;
	width: 96.5%;
}

#content div.actions  {
	padding-left: 0.4em;
}

#content div.actions span.action {
	display: block;
	padding-top: 0.5em;
	padding-bottom: 4px;
}

#content div.actions a img {
	vertical-align: middle;
}

#content .description {
	padding-left: 0.2em;
	font-weight: bold;
}

/*--------- Systeeminfo ----------------*/
div.systeeminfo {
	width: 99%;
	text-align: center;
}

img.systeeminfo {
	padding: 5px 15px;
}

/***************************** Menu's *****************************************/

/*--------- Menu ----------------*/

#menu {
	float: right;
	height: 95%;
	width: 14em;
	overflow: auto;
	overflow-x: hidden;
}

#menu .submenu {
	width: 95%;
	margin: 0 0 1em 0;
	border: 1px solid;
	border-top: none;
}

#menu h2 {
	display: none;
}

#menu ul {
	margin: 0.2em;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	border-bottom: 1px solid;
}

#menu ul li {
	margin: 0.2em 0 0.2em 0;
	overflow: hidden;
	white-space: nowrap;
}

#menu ul img {
	vertical-align: -30%;
}

#menu ul.last {
	padding-bottom: 0;
	margin-bottom: 0.4em;
	border-bottom: none;
}

#menu .group {
	display: none;
	margin-left: 0;
	padding-left: 3px;
}

#menu ul.group li img{
	visibility: hidden;
}

#menu ul.group {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}

#menu #menu_currentgroup {
	display: block;
}


/*--------- Hide menu ------------*/

#hide_menu {
	display: block;
	width: 15px;
	height: 2.5em;
	float: right;
	padding: 0 0.1em 0 0.1em;
}


/*--------- Currentmenu ----------*/

#currentmenu_container {
	position: absolute;
	z-index: 1;
	left: 0;
	float: left;
	height: 100%;
	margin-left: 0.4em;
	padding-bottom: 1px;
	width: 13em;
	overflow: hidden;
}

#currentmenu {
	height: 90%;
	width: 100%;
	padding-bottom: 1em;
	border-left: 1px solid;
	border-bottom: 1px solid;
}

#currentmenu h2 {
	height: 1.6em;
	padding: 1em 0 10px;
}

#currentmenu h2 .icon {
	display: block;
	float: left;
	margin: -1.1em 10px 0 2px;
	height: 32px;
	width: 32px;
}

#currentmenu .submenu, #currentmenu .submenu_print {
	width: 11em;
	margin: 1em;
	border: 1px solid;
}

#currentmenu ul {
	margin: 0.2em;
	margin-left: 6px;
}

#currentmenu li {
	text-indent: 16px;
	list-style: none none outside;
}

#currentmenu li.header, #currentmenu .submenu_print li {
	text-indent: 0;
	margin-bottom: 2px;
	font-weight: bold;
}

#currentmenu .combobox {
	left:			1em;
	width:			9.3em;
}

#currentmenu .combobox .text {
	width: 			9.3em;	
	left:			0;
}

#currentmenu .combobox .option, #currentmenu .combobox .highlight {
	width:			10.2em;
	left:			0em;
	top:			0em;
	font-size:		10px;
	text-indent:	1px;
}

#currentmenu .combobox ul {
	margin:			0em;
	margin-left:	0px; 
}

#currentmenu .combobox .scrolldiv {
	left: 			9.6em;
	margin-left:	0;
	position:		absolute;
	height:			14.5em;
}

#currentmenu .combobox .scrolldown {
	top: 			10.9em;
}

#currentmenu .icon {
	margin-right: 0.3em;
	vertical-align: middle;
	height: 16px;
	width:	16px;
}

/*************************record x of y**********************/
.recordxofy {
	margin-top: 0.5em;	
	text-align: center;
}

.sort_link {
	color: white;
}

/*************************OverViewForm**********************/

.OverViewForm tbody td {
	border-bottom: 1px solid #cccccc;
}


.product_total_price{
	font-size:			1.5em;
	font-weight:		bold;
	color:				#E44D25;
}


.cost_th {
	font-size:			1.0em;
	color:				#E44D25;
	background-color:	#FFFFFF;
	border-bottom:		1px solid black;
}

.calendarHead { 
	font-weight: bolder; 
	color: #E44D25; 
	background-color: #FFFFFF; 
	text-align:	center;
} 

.delivery_calendarToday { 
	background-color: #FFFFFF; 
} 

.delivery_calendar { 
	background-color: #FFFFFF; 
	border: 1px solid #4953A4;
	text-align: center;
	width:			200px;
}

.markedDay{
	background-color: 	#4953A4; 
	color: 				#000000; 
	font-weight:		bold;
	height:				15px;
	text-align: 		center;
	border: 			1px solid #4953A4;
}

.markedDayTwenty{
	background-color: 	#E44D25;
	color: 				#000000; 
	font-weight:		bold;
	height:				15px;
	text-align: 		center;
	border: 			1px solid #4953A4;
}

.markedSaturday{
	background-color: 	green;
	color: 				#000000; 
	font-weight:		bold;
	height:				15px;
	text-align: 		center;
	border: 			1px solid #4953A4;
}

.markedToday{
	background-color: 	pink;
	color: 				#000000; 
	font-weight:		bold;
	height:				15px;
	text-align: 		center;
	border: 			1px solid #4953A4;
}

.legenda{
	width:				200px;
}

.legenda td{
	border:				0px;
}

.sub_table td{
	border-bottom:				0px;
}

/**** Add specific tweaks to style.pcss ****/