/* ------------------------------------------------------------------------------------------------------------------------------------------ Generic box model fix --- */
* {-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:border-box;outline:0px}
body,html{margin:0px}
/* ------------------------------------------------------------------------------------------------------------------------------------------ Generic clearfix method --- */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}  /* for IE/Mac */
.clearfix {
	zoom: 1;     /* triggers hasLayout */
	display: block;     /* resets display for IE/Win */
}
/* ------------------------------------------------------------------------------------------------------------------------------------------ Misc generic definitions used in the library --- */
input,select,textarea{border-width:1px; border-color:#cccccc}
.required  { color:red }
/* http://www.the-art-of-web.com/javascript/validate-date/ */
.invalid { border:1px solid red !important;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT1JREFUeNpi/P//PwMpgImBRMACY/x7/uDX39sXt/67cMoDyOVgMjBjYFbV/8kkqcCBrIER5KS/967s+rmkXxzI5wJiRSBm/v8P7NTfHHFFl5mVdIzhGv4+u///x+xmuAlcdXPB9KeqeLgYd3bDU2ZpRRmwH4DOeAI07QXIRKipYPD35184/nn17CO4p/+cOfjl76+/X4GYAYThGn7/g+Mfh/ZZwjUA/aABpJVhpv6+dQUjZP78Z0YEK7OezS2gwltg64GmfTu6i+HL+mUMP34wgvGvL78ZOEysf8M1sGgZvQIqfA1SDAL8iUUMPIFRQLf+AmMQ4DQ0vYYSrL9vXDz2sq9LFsiX4dLRA0t8OX0SHKzi5bXf2HUMBVA0gN356N7p7xdOS3w5fAgcfNxWtn+BJi9gVVBOQfYPQIABABvRq3BwGT3OAAAAAElFTkSuQmCC") !important;
    background-position: right top;
    background-repeat: no-repeat; 
}
.valid {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZZJREFUeNpi/P//PwMpgImBRMAy58QshrNPTzP8+vOLIUInisFQyYjhz98/DB9/fmT48/+35v7H+8KNhE2+WclZd+G0gZmJmYGThUNz1fUVMZtvbWT59eUXG9wGZIWMUPj993eJ5VeWxuy8veM/CzPL3yfvH/9H0QBSBDYZyOVm4mGYfn6q4cory5lYmFh+MrEwM/76/YsR7mk2ZjbWP///WP37/y8cqIDhx58fjvtu7XV6//ndT34G/v8FasUsDjKO/+A2PP3wpGLd+TVsfOz8XH6KAT+nHpokcu7h6d9q/BoMxToVbBYqlt9///+1GO4/WVdpXqY/zMqXn13/+vTjI9mj94/y//v9/3e9ZRObvYbDT0Y2xnm///x+wsfHB3GSGLf41jb3rv0O8nbcR66d+HPvxf2/+YZFTHaqjl8YWBnm/vv37yly5LL8+vuLgYuVa3uf/4T/Kd8SnSTZpb6FGUXwcvJxbAPKP2VkZESNOBDx8+9PBm4OwR1TwmYwcfzjsBUQFLjOxs52A2YyKysrXANAgAEA7buhysQuIREAAAAASUVORK5CYII=") !important;
    background-position: right top;
    background-repeat: no-repeat;
}
.forgotten {border:1px solid #DD4B18}
div.valid, span.valid, td.valid  {border:1px solid transparent !important}

.blockselect {-moz-user-select: none;-khtml-user-select: none;user-select: none}
/* does not work under IE */
input[type=text]:focus,input[type=password]:focus,select:focus,textarea:focus { background-color:#efefef;border-width:1px }
textarea {resize: none}
a#lib_clear_editbutton {position:absolute;cursor:pointer; background-repeat: no-repeat;display:inline-block; width:16px; height:18px; background-image:url(images/icon_clear.png);background-color:transparent}

/* ------------------------------------------------------------------------------------------------------------------------------------------ Tooltip --- */
#tooltip {position:absolute;margin-left:5px;border-radius:0px; box-shadow:none; background-color:#ffffff; border:0px}
#tooltip div#tt_arrow {float:left; display:inline-block; background-image:url(images/arrow_validatie.png);background-repeat:no-repeat;height:21px;width:10px;padding:0px}
#tooltip div#tt_content {float:left; display:inline-block; font-weight:normal; color:#ffffff; padding-top: 2px; background-color:#DD4B18; padding-right:6px; height:21px; background-position: left center;}

/* ------------------------------------------------------------------------------------------------------------------------------------------ Misc stuff --- */
img.sort_icon {width:14px; height:15px; margin-right:8px}
table.dateselect {border:1px solid #DDDDDD}
table.dateselect input.datefield {border:0px !important;width:86px}

/* ------------------------------------------------------------------------------------------------------------------------------------------ Dialog fader div --- */
DIV.dialog_fader { 
	width:100%;	 
	position:relative; 
	z-index:99998; 
	background:url(images/win_fade_bg_lighter.png) repeat; 
	left:0px;
	top:0px; 
} 
DIV.dialog_fader {
	height: expression(document.body.offsetHeight + "px");
	height: 100%;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------ Windows --- */
DIV.lib_window_container {
	-webkit-box-shadow: 4px 4px 6px rgba(0,0,0,0.4);
	-moz-box-shadow: 0.4em 0.4em 1em rgba(0,0,0,0.4);
}

DIV.lib_window_caption { 
	width:100%;
	height:30px;
	background-color:blue;
	padding-top:6px;
	padding-left:5px;
	color:#fff;
	background-image:url(images/win_caption_bg.gif);
	filter:alpha(opacity=80);opacity:.80;
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
}

DIV.lib_window_caption_title {
	float:left;
	padding-top:3px;
	padding-left:6px;
	color:#fff;
	font:bold 13px verdana,arial
}

DIV.lib_window_close {
	float:right;
	background-image:url(images/win_btn_close.gif);
	margin-right:6px;
	height:21px;
	width:21px;
	cursor:pointer;
}

DIV.lib_window_caption A, DIV.lib_window_caption A:link, DIV.lib_window_caption A:visited, DIV.lib_window_caption A:hover, DIV.lib_window_caption A:active {
	float:right;
	width:30px;
	
}

a:hover DIV.lib_window_close {
	background-image:url(images/win_btn_close_hover.gif);
}

/* ------------------------------------------------------------------------------------------------------------------------------------------ Alert dialoog --- */

DIV#modalContainer {
	background-color:transparent;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
}

DIV#alertBox {
	z-index:99999;
	position:fixed;
	min-height:100px;
	height:auto !important;
	height:60px;
}

DIV#lib_window_dialog {
	width:450px;
	border-left:0px solid #cccccc;
	border-top:0px solid #cccccc;
	border-bottom:1px solid #666666;
	border-right:1px solid #666666;
	background:url() #F2F5F6 no-repeat 10px 46px;
	-webkit-border-radius: 10px 10px; 
	-moz-border-radius: 10px;
	-webkit-box-shadow: 4px 4px 6px rgba(0,0,0,0.4);
	-moz-box-shadow: 0.4em 0.4em 1em rgba(0,0,0,0.4);
}

DIV#lib_window_dialog.warning {
	background-image:url(images/dialog-warning.png);
}
DIV#lib_window_dialog.error {
	background-image:url(images/dialog-error.png);
}
DIV#lib_window_dialog.info {
	background-image:url(images/dialog-info.png);   
}

DIV#lib_window_dialog.form {
	background-image:url(images/dialog-form.png);   
}

DIV#modalContainer > DIV#alertBox {
	position:fixed;
}

DIV#alertBox p {
	color:#003366;
	font:12px verdana,arial;
	font-variant:normal;
	min-height:40px;
	height:auto;
	width:auto;
	padding-right:15px;
	margin-left:60px;
	margin-top:15px;
	text-align:left;
}
DIV#alertBox p strong { color:#000; font-weight:bold }
DIV#alertBox p a { text-decoration:underline; font:12px verdana,arial;}

DIV#alertbox DIV.buttonbar { text-align:center; width:100%; margin-bottom:12px }
DIV#alertBox DIV.buttonbar a { min-width:70px;width:auto;text-decoration:none;text-align:center }
DIV#alertBox DIV.buttonbar a.button {
	display:block;
	position:relative;
	margin:5px auto;
	width:70px;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	
	padding:5px 8px 4px 8px;
	height:22px;
	max-width:120px;
	background-image:url(images/button_bg_inactive.gif);
	border-top:1px solid #D8DFEA;
	border-left:1px solid #D8DFEA;
	border-bottom:1px solid #8B9FBF;
	border-right:1px solid #8B9FBF;
}
DIV#alertBox DIV.buttonbar a.button DIV {
	font:bold 10px verdana,arial;
	font-variant:normal;
	color: #0079c2;
}

/* ie does not show this hover */
DIV#alertBox DIV.buttonbar a:hover.button {
	color:#00008B;
	padding:5px 7px 4px 9px;
	border-top:1px solid #8B9FBF;
	border-left:1px solid #8B9FBF;
	background-image:url(images/button_bg_hover.gif);
}