/* Algemeen */

.docuboxx_button_staand{
	background: url('/assets/staandgroot.gif') no-repeat;
	height: 55px;
	width: 40px;
	border: 0px;
	margin-bottom: 2px;
	color: #f5aa19;
	margin-right: 20px;
}

.docuboxx_button_liggend{
	background: url('/assets/liggendgroot.gif') no-repeat;
	height: 40px;
	width: 55px;
	border: 0px;
	margin-bottom: 2px;
	color: #f5aa19;

}


#suggesstion-box {
	border: 1px solid grey;
	
}
#suggesstion-box li{
	cursor: pointer;
	border-bottom: 1px dotted grey;
}

#suggesstion-box ul{
	list-style-type: none;
}
	
html, body {
	height: 100%;
	/*overflow: hidden;*/
}

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, pre, blockquote, ol, address, div, span {
	margin: 0;
	padding: 0;
}

body {
	background: #dddddd;
	font: 11px/20px Arial,Helvetica,sans-serif;
}

img {
	border: 0px;
}

.hide {
	display: none;
}

.clear {
	clear: both;
}

.centered {
	text-align: center;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.symbol {
	font-family: wingdings;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#help {
	position: absolute;
	right: 0px;
	top: 20px;
	width: 24px;
	height: 24px;
	background: #f9debf url(/assets/help.gif) no-repeat left;
	z-index: 999px;
	overflow: hidden;
	border-left: 20px solid #ffffff;
	border-top: 20px solid #ffffff;
	border-bottom: 20px solid #ffffff;
}

#help a{
	display: block;
	width: 150px;
	height: 24px;
}

#header {
  position: fixed;
  left: 0;
  width: 100%;
  height: 68px;
  top: 0;
  background: #f8f8f8 url(/logo/155_malibomba.gif) no-repeat left;
  color: #f5f5f5;
  border-bottom: 2px solid #f8f8f8;
}

#footer {
  position: fixed;
  left: 0;
  width: 100%;
  height: 1px;
  bottom: 0;
  background-color: #ffffff;
}

#menu {
  position: fixed;
  left: 0px;
  width: 170px;
  top: 70px;
  bottom: 1px;
  padding: 20px;
  background: #f5f5f5 url(/assets/menu.jpg) repeat-y;
  overflow: hidden;
}

#menu ul {
	padding: 0;
	margin: 0px 0px 20px 0px;
	list-style: none;
	display: block;
}

#menu li.menuitem {
	display: block;
	list-style: none;
	clear: left;
	border: 0px;
	height: 24px;
	margin-bottom: 2px;
}




#menu li.menuitem a {
	background: #ffffff url(/assets/menu_button.gif) no-repeat;
	text-decoration: none;
	color: #000000;
	display: block;
	height: 20px;
	padding: 2px 12px;
	font: 11px/20px Arial,Helvetica,sans-serif;
}

#menu li.menuitem a:hover {
	background: #ffffff url(/assets/menu_button_orange.gif) no-repeat;
}

#menu li.menuitem a.active {
	background: #ffffff url(/assets/menu_button_orange.gif) no-repeat;
}

#menu li.menuheader {
	background: #eaf3dc url(/assets/menu_header.gif) no-repeat;
	display: block;
	list-style: none;
	clear: left;
	border: 0px;
	height: 20px;
	padding: 2px 4px 2px 12px;
	font-weight: bold;
	margin-bottom: 2px;
	vertical-align: middle;
}

#menu li.menuheader img {
	float: right;
	clear: none;
	margin: 5px 5px 4px 4px;
	cursor: pointer;
}

#content {
  position: fixed;
  left: 210px;
  right: 0px;
  top: 70px;
  bottom: 1px;
  background-color: #ffffff;
  overflow: auto;
  padding: 20px;
  border-left: 0px solid #dddddd;
  border-top: 0px solid #dddddd;
  z-index: 1;
}
.monitorTable{
	width: 100%;
	border: 0px;
}



#monitor {
  position: fixed;
  left: 0px;
  width: 1320px;
  
  top: 55px;
  bottom: 1px;
  background-color: #ffffff;
  overflow: auto;
  padding: 20px;
  padding-top: 0px;
  border-left: 0px solid #dddddd;
  border-top: 0px solid #dddddd;
  z-index: 1;
}


.monitorTable div {
	border: 0px solid #dddddd;
	margin: 0px 0px 20px 0px;
	padding: 3px;
	width: 692px;
	text-align: left;
}

.monitorTable div table {
	width: 100%;
}	



.monitorTable td {
	vertical-align: top;
}

.monitorTable tr:hover {
	background: #ffffff;
	
}



.monitorTable div.monitorIntro {
	border: 1px solid #DDDDDD;
	background-color: #f8f8f8;
	padding: 10px 10px 10px 10px;
	width: 425px;
}
.monitorTable div.monitorIntroBig {
	background-color: #f8f8f8;
	padding: 0px 0px 0px 0px;
	width: 850px;
}

.monitorTable span.monitorKop {
	font-size: 18px;
	color: #8cc63f;
	clear: both;
	display: block;
}



#camera {
	width: 425px;
	color: green;
}


table {
	width: 97%;
	border: 1px solid #dddddd;
}

#content table.small {
	width: 47%;
	margin-right: 1%;
	clear: none;
	float: left;
}

th {
	background: #565656 url(/assets/table_header.gif) repeat-x;
	color: #ffffff;
	text-align: left;
}

th img {
	float: right;
	clear: none;
	margin: 4px 0px 4px 4px;
	cursor: pointer;
}

tr {
	background-color: transparent;
}

.tdHeader {
	background: transparent;
}

#content td {
	vertical-align: top;
}

tr.active {
	background-color: #f5f5f5;
}

tr:hover {
	background-color: #eaf3dc;
}

#content .infotable tr:hover {
	background-color: transparent;
}

#content th.icon, td.icon {
	width: 18px;
	text-align: center;
}

p {
	border: 1px solid #dddddd;
	margin: 0px 0px 20px 0px;
	padding: 3px;
	width: 692px;
	text-align: left;
}

p.intro {
	background-color: #f8f8f8;
	padding: 33px 33px 40px 33px;
	width: 632px;
}

p.intro a {
	display: block;
	width: 300px;
	height: 38px;
	padding-top: 10px;
	margin: 8px 16px 8px 0px;
	float: left;
	clear: none;
	text-decoration: none;
	color: #000000;
	font: 11px/16px Arial,Helvetica,sans-serif;
}

p.intro a:hover {
	text-decoration: underline;
}

p.intro a img {
	float: left;
	margin: 0px 8px;
}

a {
	color: #8cc63f;
}

a.verzamelorder {
	text-align: center;
	float: left;
	clear: none;
	display: block;
	margin: 0px 10px 10px 0px;
	background: transparent url(/assets/verzamelorder.gif) no-repeat center center;
	width: 100px;
	height: 100px;
	border: 1px dotted #bbbbbb;
}

span.kop {
	font-size: 18px;
	color: #8cc63f;
	clear: both;
	display: block;
}

span.melding {
	position: fixed;
	left: 400px;
	top: 25px;
	width: 100%;
	height: 68px;
	font-size: 25px;
	color: #8cc63f;
	clear: both;
	display: block;
}

span.orange {
	color: #8cc63f;
}

hr {
	width: 98%;
	text-align: left;
	/*background-color: #faebda;
	border: 1px solid #faebda;*/
	background-color: #eaf3dc;
	border: 1px solid #eaf3dc;
	margin: 0px 0px 20px 0px;
	clear: both;
}

input.text, textarea, select {
	font: 11px Arial,Helvetica,sans-serif;
	margin-right: 10px;
}

.button_orange, .button_gray, .button_orange_large {
	border: 0px;
	height: 24px;
	font: 11px/20px Arial,Helvetica,sans-serif;
	cursor: pointer;
}


.button_address {
	border: 0px;
	font: 11px/20px Arial,Helvetica,sans-serif;
	cursor: pointer;
	width: 306px;
	heihjt: 25px;
	background: url(/assets/button_address.gif) repeat;
}

.button_orange {
	width: 85px;
	background: url(/assets/button.gif) no-repeat;
}

.button_orange_large {
	width: 170px;
	background: url(/assets/menu_header.gif) no-repeat;
}

.button_gray {
	width: 85px;
	background: url(/assets/button_gray.gif) no-repeat;
}

input.button_top {
	border: 0px;
	padding-left: 20px;
	font: 11px/20px Arial,Helvetica,sans-serif;
	text-decoration: underline;
	text-align: left;
	cursor: pointer;
}

input.button_zoeken {
	background: transparent url(/assets/zoeken.gif) no-repeat left;
}

input.button_alles {
	background: transparent url(/assets/reset.gif) no-repeat left;
}

input.button_gebruiker {
	background: transparent url(/assets/user.gif) no-repeat left;
}

input.button_toevoegen {
	background: transparent url(/assets/add.gif) no-repeat left;
}

input.tablebutton {
	border: 0px;
	background-color: transparent;
	width: 16px;
	height: 16px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}

input.bedrag {
	text-align: right;
	font: 11px Arial,Helvetica,sans-serif;
	border: 0px;
	width: 126px;
	height: 18px;
	background-image: url(/assets/input_bedrag.jpg);
	cursor: default;
}

table.formtable{
	width: 700px;
}

table.td {
color: #8cc63f;
}
/*
table td a:link, table td a:hover, table td a:visited, table td a:active {
	color: #000000;
	text-decoration: none;
}
*/
table.formtable td {
	padding: 3px;
	border-bottom: 0px solid #f0f0f0;
	text-align: left;
	/* background: #ffffff url(/assets/table_formtable.gif) repeat-x bottom; */
	vertical-align: middle;
    line-height: 28px;
}
/*
table.formtable td a:link, table.formtable td a:hover, table.formtable td a:active, table.formtable td a:visited {
	color: #000000;
}
*/
table.formtable tr:hover {
	background-color: #ffffff;
}

table.formtable td.links {
	width: 140px;
}

table.formtable td.rechts {
	width: 180px;
}

table.formtable input.text, table.formtable textarea {
	width: 280px;
}


table.formtable_orderv2 {
	width:1000px;
}



table.formtable_orderv2 td {
	padding: 3px;
	border-bottom: 0px solid #f0f0f0;
	text-align: left;

	vertical-align: middle;
    line-height: 28px;
}

table.formtable_orderv2 td.links {
	width: 150px;

}

table.formtable_orderv2 tr:hover {
	background-color: #ffffff;
}

table.formtable_orderv2 td.overig {
	width: 285px;


}


table.formtable_orderv2 input.text, table.formtable_orderv2 textarea {
	width: 270px;
}

table.formtable_orderv2 input.text_product {
	width: 270px;
}
table.formtable_orderv2 input.text_prijs {
	width: 60px;
}
table.formtable_orderv2 input.text_fabrikant {
	width: 90px;
}


table.formtable_orderv2 .pulldown {
	width: 275px;
}

table.formtable_orderv2 textarea {
	height: 150px;
}


.pulldown {
	width: 305px;
}

table.formtable textarea {
	height: 150px;
}

table.infotable {
	border: 0px;
	margin: 0px;
}

table.infotable tr:hover {
	background-color: #ffffff;
}

/* CALENDER */

#cal {
	text-align: center;
	width: 170px;
}

#cal table {
	background: transparent url(/assets/menu_header.gif) no-repeat;
	border: 0px;
	width: 170px;
	border-collapse: collapse;
}

#cal tr {
	height: 25px;
}

#cal tr:hover {
	background-color: transparent;
}

#cal .currentmonth {
	height: 24px;
	font-weight: bold;
}

#cal .days {
	text-align: center;
	padding:0px;
	border:solid #dddddd 1px;
	height: 20px;
	background: transparent url(/assets/calendar.gif) repeat-x;
}

#cal .days a {
	text-decoration: none;
}

#cal .weekdays {
	background: transparent url(/assets/calendar_days.gif) repeat-x;
	border: solid #dddddd 1px;
	color: #000000;
	width: 23px;
}

#cal .today {
	font-weight: bold;
	text-decoration: underline;
}

.nameservercheck {
	font: Arial,Helvetica,sans-serif;
	margin-right: 10px;
	background-color: #F4F4F4;
	width: 134px;
}

.nameservercheckwit {
	font: Arial,Helvetica,sans-serif;
	margin-right: 10px;
	width: 134px;

}

p.melding {
	color: #FF0000;
}





.shop_input{
	width: 295px;
	
}

.shop_input_gegevens_select{
	width: 300px;
}


.shopTable TR:hover{
	background: #f8f8f8;
}


.shopTable{
	width: 100%;
	border: 0px;
}

.shop_button {
	border: 0px;
	height: 24px;
	font: 11px/20px Arial,Helvetica,sans-serif;
	cursor: pointer;
	
	background: url(/assets/button.gif) no-repeat;	
}









/*	Default stylesheet for the Carpe Slider
	By Tom Hermansson Snickars              
	2008-04-21 version 2.0 Beta
	Copyright CARPE Design                     
	carpe.ambiprospect.com
*/
*.carpe-slider-panel {
	background-color: #ffffff;
	box-sizing: content-box;
	color: #333;
	margin: 0;
	display: block;
	line-height: 0px;
	height: 12px;
	font-size: 0px;
	text-align: left;
	float: none;
	/*border: 2px solid;
	border-color: #ddd #999 #999 #ddd;*/
	position: relative;
	top: 0px;
	overflow: hidden;
	opacity: 1;
	cursor: default;
}
*.carpe-slider-panel:hover {
	/*background-color: #bbb;*/
}
*.carpe-slider-panel:focus {
	/*background-color: #bbb;*/
}
*.orientation-horizontal {
	width: 120px;
	padding: 4px 3px 4px 4px;
}
*.orientation-vertical {
	padding: 4px 5px 5px 5px;
	width: 12px;
	height: 110px;
}
/* The Slider Slit */
*.carpe-slider-slit {
	background-color: #333;
	position: relative;
	line-height: 0px;
	border: 1px solid;
	border-color: #999 #ddd #ddd #999;
	font-size: 0;
	cursor: default;
}
*.carpe-slider-panel:focus *.carpe-slider-slit {
	background-color: #35e; /* Blue color of slit in focused slider. */
	background-color: #93c848; /* Blue color of slit in focused slider. */
}
*.carpe-slider-panel *.carpe-slider-slit {
	background-color: #35e; /* Blue color of slit in focused slider. */
	background-color: #93c848; /* Blue color of slit in focused slider. */
}
*.orientation-horizontal *.carpe-slider-slit {
	height: 2px;
	margin: 4px 2px 2px 2px;
	top: -12px;
}
*.orientation-vertical *.carpe-slider-slit {
	width: 2px;
	margin: 2px 4px 4px 4px;
	top: -20px;
}
/* The Slider Knob */
*.carpe-slider-knob {
	background-color: #666;
	background-color: #ffffff;
	position: relative;
	z-index: 2;
	line-height: 0px;
	font-size: 0px;
	border: 1px solid;
	border-color: #999 #333 #333 #999;
	border-color: #8ac438 #93c848 #93c848 #8ac438;
}
*.carpe-slider-knob:hover {
	background-color: #ffffff;
}
*.orientation-horizontal *.carpe-slider-knob {
	width: 16px;
	margin: 0;
	height: 9px;
	cursor: pointer;
}
*.orientation-vertical *.carpe-slider-knob {
	width: 8px;
	margin: 1px 0 0 0;
	height: 16px;
	cursor: pointer;
}
/*.focus {
	background-color: #36e;
}*/


/*** product selector tabs  ****/
#tabs {
	font-family: Tahoma, Arial, Sans-serif;
	font-size: 11px;
	color: #666666;
}
#tabs ul {
	width:748px;
	border-top:0;
	border-left:0;
	border-right:0;
}
.tabTitle {
	font-family: Tahoma, Arial, Sans-serif;
	font-size: 11px;
}
.ui-datepicker-trigger { margin-bottom:-5px; }


#shopSteps ul { position: relative; float: left; margin-left: 0; list-style: none; height: 37px; margin-bottom: -1px; z-index: 3; border-radius: 6px; border: 1px solid #bcbcbc; }
#shopSteps ul li { float: left; }
#shopSteps ul li a,
#shopSteps ul li a:visited { position: relative; display: inline-block; padding: 0 20px 0 14px; font-family: 'TypestarBlack', Arial, Helvetica, sans-serif; font-size: 13px; color: #1c255d; text-decoration: none; line-height: 37px; border-radius: 0 6px 6px 0; background: url(./assets/bgShopSteps.png) 0 0 repeat-x; }
#shopSteps ul li a.active { background: url(./assets/bgShopSteps.png) 0 -37px repeat-x; }
#shopSteps ul li a span { position: absolute; top: -1px; left: -12px; display: block; width: 14px; height: 39px; background: url(./assets/bgShopSteps.png) 0 -74px no-repeat; z-index: 1; }
#shopSteps ul li a.active span { position: absolute; top: -1px; left: -12px; display: block; width: 14px; height: 39px; background: url(./assets/bgShopSteps.png) 0 -113px no-repeat; z-index: 1; }

#urenverantwoording .ui-autocomplete-loading {background: white url(/assets/aloader.gif) no-repeat 360px 6px;}
#urenverantwoording select.ui-autocomplete-loading {background-position: 350px 6px;}

#urenverantwoording textarea {width: 450px;}
#urenverantwoording textarea[readonly] {background-color: #efefef;}
#urenverantwoording .text {padding: 5px; width: 375px;}
#urenverantwoording .pulldown {width: 389px; padding:5px 5px 5px 5px;}
#urenverantwoording .formtable th {line-height: 20px;}

#urenverantwoording #productenTabel {width: 100%;}
#urenverantwoording #productenTabel td {align: center; vertical-align: middle;}
#urenverantwoording #productenTabel img {cursor: pointer}
#urenverantwoording #productenTabel .aantal {width: 50px;}
#urenverantwoording #productenTabel .product {width: 250px;}
#urenverantwoording #productenTabel .actions {width: 20px;}
#urenverantwoording #productenTabel .text {margin-right: 0; width: 100%; box-sizing: border-box;}

#urenverantwoording #goedkeuringHandtekeningVeld {display: block; margin-bottom: 5px; border: 1px solid darkgrey;}

.ui-autocomplete.ui-widget {font: 11px/20px Arial,Helvetica,sans-serif; max-height: 510px; overflow: auto;}
.ui-autocomplete.ui-corner-all, .ui-autocomplete .ui-corner-all {-moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -khtml-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }
.ui-autocomplete.ui-corner-all, .ui-autocomplete .ui-corner-all {-moz-border-radius-bottomleft: 0;-webkit-border-bottom-left-radius: 0;-khtml-border-bottom-left-radius: 0;border-bottom-left-radius: 0;}
.ui-autocomplete.ui-corner-all, .ui-autocomplete .ui-corner-all {-moz-border-radius-topright: 0;-webkit-border-top-right-radius: 0;-khtml-border-top-right-radius: 0;border-top-right-radius: 0;}
.ui-autocomplete.ui-corner-all, .ui-autocomplete .ui-corner-all {-moz-border-radius-topleft: 0;-webkit-border-top-left-radius: 0;-khtml-border-top-left-radius: 0;border-top-left-radius: 0;}

.ui-autocomplete .ui-menu-item .ui-state-hover {background: #dadada;}

.ui-autocomplete .ui-menu-item.project a {margin-left: .8em;}
.ui-autocomplete .ui-menu-item.project .ui-state-hover {margin-left: .7em;}

.ui-autocomplete .ui-menu-item.taak a {margin-left: 2.6em;}
.ui-autocomplete .ui-menu-item.taak .ui-state-hover {margin-left: 2.5em;}
.ui-autocomplete .ui-menu-item.offerte a, .ui-autocomplete .ui-menu-item.ticket a {margin-left: 2em;}
.ui-autocomplete .ui-menu-item.offerte .ui-state-hover, .ui-autocomplete .ui-menu-item.ticket .ui-state-hover {margin-left: 1.9em;}

.ui-autocomplete-category {font-weight:bold; padding:.2em;}
.ui-autocomplete-category hr {width: 100%; margin: 0; background: none; border-color: #ccc; border-top: none; margin-top: 16px; clear: none;}
.ui-autocomplete-category.project, .ui-autocomplete-category.contract, .ui-autocomplete-category.offerte-titel, .ui-autocomplete-category.ticket-titel {margin-left: 1.4em}
.ui-autocomplete-category.groep {margin-left: 2em}