html {
	overflow: -moz-scrollbars-vertical;
	margin: 0;
	padding: 10px;
	height: 100%;
}
body {
	background-color: #C7C7C7;
	margin: 0 0 10px 0;
	padding: 0 0 0px 0px;
	height: 100%;
	font-family: Tahoma, Calibri, Verdana;
	font-size: 11px;
}

td, div, span, p {
	margin: 0; padding: 0;
}

iframe.if_preview {
	border: none;
}

/*******************************************************************
 *	loading
 */
#loadingDiv {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity:0.7;filter:alpha(opacity=70)
}
#loadingImg {
	width: 465px;
	height: 350px;
	position:absolute;
	top:0;bottom:0;left:0;right:0;
	margin:auto;
}

/*
 *	MENU navigation
 */
div.menu_float {
	position: fixed;
	z-index: 100;
	top: 0px;
	left: -190px;
	width: 190px;
	height: 100%;
	background-color: #C7C7C7;
	border-right: 20px solid #C7C7C7;
	margin: 0;
	padding: 0px 0px 5px 0px;
}
div.menu_float:hover {
	top: 0px;
	left: 0px;
}
div.cont_float {
	margin: 0;
	padding: 0 0 0 10px;
}

div.menu_fixed {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 190px;
	height: 100%;
	margin: 0;
	padding: 0;
}
div.cont_fixed {
	position: absolute;
	top: 10px;
	left: 210px;
	margin: 0;
	padding: 0;
	width: auto;
}

div.cms_title {
	color: #FF0000;
	font-weight: bold;
	width: 100%;
	margin: 0px 0px 5px 0px;
}
div.cms_capt {
	float: left;
	font-weight: normal;
	width: 40%;
}
div.cms_info {
	float: left;
	font-weight: bold;
	width: 60%;
}
div.cms_foot {
	float: left;
	width: 100%;
	margin: 0px 0px 15px 0px;
}

div.table_space_none {clear: both; margin: 0; padding: 0; padding-bottom: 0; width: auto;}

/* HEADER OF BOX LIKE ROOM OR FLOOR */
div.box_header {
	background-repeat: no-repeat;
	background-position: 4px 50%;
	margin: 0;
	padding: 10px 6px 6px 40px;
	width: auto;
	height: 24px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
/* BOX THAT EXPLAINS ICONS */
div.box_explain {
	background-repeat: no-repeat;
	background-position: 3px 50%;
	margin: 0;
	padding: 6px 6px 6px 36px;
	width: auto;
	height: 15px;
	font-size: 12px;
	color: #000000;
	left: 120px;
}

/*
 *
 */

img {
	border: none;
	margin: 0;
	padding: 2px 2px 2px 0px;
}
img.button {
	vertical-align: bottom;
}
img.image {
	margin: 0px;
	padding: 0px;
}
img.logo {
	margin: 0;
	padding: 0;
	width: 160px;
}

h1, h2, h3 {
	font-size: 14px;
	padding: 2px;
	margin: 0;
}

.message {
	display: inline;
	font-size: 14px;
	color: #FF0000;
	font-weight: bold;
}

.gray {
	color: #A1A1A1;
}

a {
	text-decoration: none;
	color: #000000;
}

form {
	display: inline;
}

input, textarea, select {
	background-color: #F1F0ED;
	border: 1px solid #827A64;
	margin: 1px; padding: 0 0 0 3px;
}

option {
	margin: 1px; padding: 0 3px 0 3px;
}

ul {
	margin: 0;
	padding: 0 0px 10px 20px;
}
li {
	color: #000000;
	margin: 0;
	padding: 0px 0px 0px 0px;
}

div.required_field {
	display: inline;
	font-weight: bold;
	color: #FF0000;
}
div.image_icon {
	float: left;
	width: 26px;
	margin: 0;
	padding: 0;
}
div.image_text {
	float: left;
	width: 140px;
	margin: 0;
	min-height: 26px;
	padding: 0 0 0 6px;
	font-size: 10px;
}

/* FILTER */
.filter_capt {
	width: 120px;
	float: left;
	text-align: right;
	padding: 3px 5px 0px 0px;
}
.filter_cont {
	float: left;
	width: 240px;
}

/* OLD STYLE */
input.button {
	display: inline;
	font-weight: bold;
	color: #000000;
	border-top: 1px solid #ACA695;
	border-left: 1px solid #ACA695;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	background-color: #FFF8FA;
	cursor: pointer;
	padding: 4px 4px 4px 4px;
	width: 120px;
	text-align: center;
}
/* HOME MENU STYLE */
.button_menu {
	float: left;
	min-height: 80px;
	min-width: 200px;
	margin: 0 4px 0 0;
 	padding: 40px 6px 6px 6px;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #FFF8FA;
	background-repeat: no-repeat;
	background-position: 50% 8px;
	border-top: 1px solid #BE7497;
	border-left: 1px solid #BE7497;
	border-bottom: 1px solid #E5036C;
	border-right: 1px solid #E5036C;
	cursor: pointer;
}
/* NEW STYLE */
.button_template {
	float: left;
	height: 40px;
	min-width: 120px;
	margin: 0 4px 0 0;
 	padding: 4px 6px 6px 40px;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #FFF8FA;
	background-repeat: no-repeat;
	background-position: 4px 50%;
	border-top: 1px solid #BE7497;
	border-left: 1px solid #BE7497;
	border-bottom: 1px solid #E5036C;
	border-right: 1px solid #E5036C;
	cursor: pointer;
}
/* NEW STYLE ICONS */
.add		{background-image: url(../images/b_bg_add.gif);}
.apply		{background-image: url(../images/b_bg_apply.gif);}
.details	{background-image: url(../images/b_details.gif);}

.b_artikel	{background-image: url(../images/b_artikel.png);}
.b_floor	{background-image: url(../images/b_grindvloer.png);}
.b_mix		{background-image: url(../images/b_mix.png);}


.artikel		{background-image: url(../images/icon_artikel.png);}
.cancel			{background-image: url(../images/icon_cancel.png);}
.close 			{background-image: url(../images/icon_close.png);}
.closed 		{background-image: url(../images/icon_afgehandeld.png);}
.facturen		{background-image: url(../images/icon_factureren.png);}
.filter			{background-image: url(../images/icon_filter.png);}
.floor			{background-image: url(../images/icon_floor.png);}
.home			{background-image: url(../images/icon_home.png);}
.inv_inmeet_geg {background-image: url(../images/icon_inv_inmeet_geg.png);}
.klant			{background-image: url(../images/icon_klant.png);}
.legenda		{background-image: url(../images/icon_legenda.png);}
.mix			{background-image: url(../images/icon_mix.png);}
.open			{background-image: url(../images/icon_in_behandeling.png);}
.order			{background-image: url(../images/icon_order.png);}
.refresh		{background-image: url(../images/icon_refresh.png);}
.reset			{background-image: url(../images/icon_reset.png);}
.room			{background-image: url(../images/icon_room.png);}
.save			{background-image: url(../images/icon_save.png);}
.save_email		{background-image: url(../images/icon_save_email.png);}
.search			{background-image: url(../images/icon_search.png);}
.plan_inmeter	{background-image: url(../images/icon_plan_inmeter.png);}
.plan_vloerder	{background-image: url(../images/icon_plan_vloerder.png);}

/* FORM BUTTONS */
input.button {
	font-weight: bold;
	color: #000000;
	background-color: #FEE4ED;
	border-top: 1px solid #F8AACC;
	border-left: 1px solid #F8AACC;
	border-bottom: 1px solid #EC4B96;
	border-right: 1px solid #EC4B96;
	cursor: pointer;
	padding: 2px 4px 2px 4px;
}

td.page_header {
	margin: 0px;
	padding: 0px 0px 6px 0px;
}
td.page_info {
	margin: 0px;
	padding: 0px 0px 10px 0px;
}
td.page_navigation {
	margin: 0px;
	padding: 4px 0px 4px 0px;
}
td.page_status {
	text-align: left;
	width: 100px;
}
td.content_tl {
    background: url(../images/layout/oblist_tl.png) no-repeat scroll left top transparent;
    height: 14px;
    width: 14px;
}
td.content_t {
    background: url(../images/layout/oblist_t.png) scroll left top transparent;
    height: 14px;
}
td.content_tr {
    background: url(../images/layout/oblist_tr.png) no-repeat scroll right top transparent;
    height: 14px;
    width: 14px;
}
td.content_l {
	background: url(../images/layout/oblist_l.png) repeat-y scroll left top transparent;
	font-size: 0;
	width: 14px;
}
td.content_r {
	background: url(../images/layout/oblist_r.png) repeat-y scroll right top transparent;
	font-size: 0;
	width: 14px;
}
td.content_bl {
    background: url(../images/layout/oblist_bl.png) no-repeat scroll left top transparent;
    height: 14px;
    width: 14px;
}
td.content_b {
    background: url(../images/layout/oblist_b.png) scroll left top transparent;
    height: 14px;
}
td.content_br {
    background: url(../images/layout/oblist_br.png) no-repeat scroll right top transparent;
    width: 14px;
    height: 14px;
}
td.content_picture {
	margin: 0;
	padding: 1px 0 0 0;
}
td.content_text {
	margin: 0;
	padding: 1px 0 0 0;
}
.brdr_l {
	border-bottom: 1px solid #888888;
    border-left: 1px solid #EEEEEE;
    border-top: 1px solid #EEEEEE;
}
.brdr_r {
	border-bottom: 1px solid #888888;
    border-right: 1px solid #888888;
    border-top: 1px solid #EEEEEE;
}
td.dark_header {
	margin: 0px;
	padding: 4px 10px 6px 4px;
	color: #B4CFE4;
	font-weight: bold;
	background-color: #417EB1;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #888888;
}
td.light_header {
	margin: 0px;
	padding: 4px 10px 6px 4px;
	color: #B4CFE4;
	font-weight: bold;
	background-color: #417EB1;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #888888;

}
td.dark_content {
	margin: 0;
	padding: 0 10px 0 4px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #888888;
	background-color: #C5C5C5;
	height: 36px;
}
td.light_content {
	margin: 0;
	padding: 2px 10px 2px 4px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #888888;
	background-color: #D0D0D0;
	min-height: 36px;
}
td.dark_footer {
	margin: 0;
	padding: 0 10px 0 4px;
	color: #000000;
	font-weight: bold;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #888888;
	background-color: #EAEAEA;
	height: 36px;
}
td.light_footer {
	margin: 0;
	padding: 0 10px 0 4px;
	color: #000000;
	font-weight: bold;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #888888;
	background-color: #EAEAEA;
	height: 23px;
}
td.dark_caption,
td.light_caption {
	margin: 0;
	padding: 2px 10px 2px 4px;
	vertical-align: top;
	font-weight: bold;
	width: 140px;
}
td.dark_caption {
	background-color: #C5C5C5;
}
td.vert_t {
	padding: 4px 0 6px 0;
	vertical-align: top;
}
div.alert {
	font-size: 14px;
	font-weight: bold;
	color: #E10000;
	margin: 0;
	padding: 5px 0px 5px 15px;
}
div.box {
	border: 2px solid #827A64;
	border-bottom: 2px solid #635C4B;
	border-right: 2px solid #635C4B;
	margin: 5px 5px 0px 5px;
	padding: 5px;
	background-color: #D0D0D0;
}
div.login {
	width: 666px;
}
div.table_space_none {
	clear: both;
	margin: 0;
	padding: 0;
	padding-bottom: 0;
	width: auto;
}

/*
 *	Bewijs van afgifte
 */
td.afgifte_header {
	padding: 0 0 20px 0;
}
td.afgifte_item {
	padding: 0 0 20px 0;
}

/*
 *	Maintain
 */

.rows {
	height: 100px;
}
.row {
	height: 23px;
}
.cols {
	width: 340px;
	float: left;
}
.cols_many {
	width: 500px;
	/*float: left;*/
}

td.caption {
	padding: 3px 2px 0 0;
	text-align: right;
	vertical-align: top;
	font-weight: bold;
	color: #7A7A7A;
}
td.link {
	padding: 0 0 5px 4px;
}
a.link {
	font-size: 14px;
}
img.grp {
	float: left;
	margin: 0 0 0 0;
	padding: 0;
}

/*
 *	Relakz IT Solutions
 */
div.box_relakz {
	border: 2px solid #827A64;
	border-bottom: 2px solid #635C4B;
	border-right: 2px solid #635C4B;
	margin: 5px 5px 5px 5px;
	background-color: #3E72A1;
}
table.relakz {
	background-color: #3E72A1;
	width: 100%;
}

/*
 *	Schedule
 */
#box_schedule {
	visibility: hidden;
}

/*
 *	Orders (Opdrachten
 */
.opdr_cell {
	float: left;
	min-width: 470px;
	min-height: 180px;
	margin: 0 10px 10px 0;
	padding: 10px;
	border: 1px solid #C8C8C8;
}
div.opdr_nav {
	float: left;
	min-width: 420px;
	margin: 0 10px 10px 0;
	padding: 10px;
	border: 1px solid #C8C8C8;
}
div.opdr_active {
	background-color: #B5C9E1;
}
div.opdr_cell h3 {
	margin: 0; padding: 0 0 4px 0;
}
td.opdr_cell_caption {
	margin: 0;
	padding: 4px 0 0 10px;
	text-align: left;
	font-weight: bold;
	color: #626262;
	vertical-align: top;
}
td.opdr_cell_caption_width {
	width: 130px;
}
td.opdr_cell_content {
	margin: 0;
	padding: 0;
	text-align: left;
}
.opdr_inline_caption {
	font-weight: bold;
	color: #626262;
	margin: 0;
	padding: 6px 0 4px 0;
}
div.opmaat {
	border: 1px solid #827A64;
	margin: 1px;
	padding: 2px 20px 2px 20px;
}
div.opmaat_capt {
	float: left;
	margin: 0;
	padding: 3px 10px 0 0;
	width: 100px;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
}
div.opmaat_cont {
	float: left;
	margin: 0;
	padding: 0;
}

/*
 *	Gebruikers
 */
div.user_cell {
	float: left;
	width: 333px;
	min-height: 140px;
}
td.user_cell_caption {
	width: 90px;
	text-align: right;
}
td.user_cell_content {

}

/*
 *	Todo
 */
div.klant_naam {
	width: 200px;
	border: 1px solid #123456;
}
div.klant_adres {
	width: 200px;
}
div.klant_telnr {
	width: 200px;
}

/*
 *	Vertegenwoordigers
 */
table.user {
	width: 100%;
	padding: 0;
	margin: 0 0 10px 0;
	background-color: #D0D0D0;
}
td.padding_bottom {
	padding: 0px 0px 4px 0px;
	vertical-align: top;
}
td.user_row_border_left {
	border-left: 1px solid #827A64;
}
td.user_row_border_right {
	border-right: 1px solid #827A64;
}

#noscript {
	border-bottom: 2px solid #DB0048;
	margin: 0;
	padding: 1em;
	font-size: 1.1em;
	color: #F00;
	background: #FFC;
	height: 1em;
	width: 100%;
	position: fixed;
	top: 0; right: 0;
	z-index: 100;
	text-align:center;
}

table.ttip_table_style {
	color: #000000;
	background-color: #FFFF00;
	border:	2px solid #000000;
	padding:10px;
}

td.ttip_info {
	padding: 0px 0px 0px 4px;
}

/*
 *	Globals
 */
.highlight {
	font-size: 14px;
	font-weight: bold;
	color: #E10000;
}
.code_prijs {
	padding: 0 0 10px 0;
}

.center {
	text-align:center;
}

.padding_left_buttons {
	padding: 20px 0 0 60px;
}

/*
 *	Alignment
 */

*.left {
	text-align: left;
}
*.right {
	text-align: right;
}

/*
 *	STILL NEED TO CHECK
 */

	.error {
			font-weight			: Bold;
			font-size			: 14px;
			color				: #D20000;
	}

	.hr_dash {
		border-bottom-style		: dashed;
		border-bottom-width		: 1px;
		border-bottom-color		: #808080;
	}

	DIV.photo {
		background-color			: #CCCCCC;
		background-repeat			: no-repeat;
		background-position			: 50% 50%;
		border-width				: 1px;
		border-style				: none;
		border-color				: #000000;
		width						: 640;
		height						: 640;
	}

	td.picture_frame {
		background-color			: #FFFFFF;
		border-style				: solid;
		border-width				: 1px;
		border-color				: #808080;
		padding						: 3px;
	}



	A:link.light_header 	{color: #000000; text-decoration:none;}
	A:visited.light_header 	{color: #000000; text-decoration:none;}
	A:hover.light_header 	{color: #000000; text-decoration:underline;}

	A:link.dark_header		{color: #FFFFFF; text-decoration:none;}
	A:visited.dark_header 	{color: #FFFFFF; text-decoration:none;}
	A:hover.dark_header 	{color: #FFFFFF; text-decoration:underline;}

	A:link.light_content	{color: #000000;font-weight:Bold;text-decoration:none;}
	A:visited.light_content {color: #000000;font-weight:Bold;text-decoration:none;}
	A:hover.light_content 	{color: #000000;font-weight:Bold;text-decoration:underline;}

	A:link.dark_content		{color: #747474;font-weight:Bold;text-decoration:none;}
	A:visited.dark_content	{color: #747474;font-weight:Bold;text-decoration:none;}
	A:hover.dark_content	{color: #747474;font-weight:Bold;text-decoration:underline;}

	A.header:active, A.header:visited, A.header:link {
		font-size: 14px;
		font-weight: bold;
		color: #000000;
		text-decoration: none;
		cursor: pointer;
	}
	A.header:hover {
		font-size: 14px;
		font-weight: bold;
		color: #000000;
		text-decoration: underline;
		cursor: pointer;
	}

	A.footer:active, A.footer:visited, A.footer:link {
		color					: #333366;
		text-decoration				: none;
		letter-spacing				: 2px;
		cursor						: pointer;
	}
	A.footer:hover {
		color					: #333366;
		text-decoration				: underline;
		letter-spacing				: 2px;
		cursor						: pointer;
	}



	td.bg {
		background-color		: #7a776e;
	}

	td.page_title {
			font-weight			: Bold;
			color				: #116FA2;
			letter-spacing		: 3px;
			text-align			: bottom;

		border-style			: none;
		border-bottom-style		: solid;
		border-bottom-width		: 1px;
		border-bottom-color		: #116FA2;
		padding-bottom			: 5px;
	}

	td.page_footer {
			font-weight			: Bold;
			color				: #116FA2;
			letter-spacing		: 3px;
			text-align			: bottom;

		border-style			: none;
		border-top-style		: solid;
		border-top-width		: 1px;
		border-top-color		: #116FA2;
		padding-top				: 5px;
	}

#dhtmltooltip	{
	color: #000000;
	position: absolute;
	width: 500px;
	height: 200px;
	border: 1px none #000000;
	padding: 0px;
	visibility: hidden;
	z-index: 100;
}