/* Start Layout */

html, body, #aspnetForm { height: 100%; }

.container			{ background: #ffffff; border:0px; width:720px; }
.headercontainer	{ width:702px; border:0px; height: 100% }
.contentcontainer	{ margin: 3px 18px 10px 18px; padding-top: 3px; }
.contentrow			{ width:702; }
.contenttable		{ width:702px; border:0px; }

.headerlinkcontainertop	{ position: relative; top: -15px; right: 0px;}
.headerlinkcontainer	{ position: relative; top: 5px; right: 0px;  }
.headerlink				{ border: none; text-decoration: none;}


.languagerow{width: 672px; height:188px;}
.languagecontainer{margin:0 0 10px 10px;}

.headerimage {
	background: url(/Images/logonline.jpg) top left no-repeat;
	background-size: cover;
}

.linkrow{width:30px;}
.linkcontainer{margin-top: 33px;}

.bordertop{width:100%; height:23px; background:white; border-bottom: solid 1px #A6A6A6;}
.bordermiddle{width:194px; height:26px; border-bottom: solid 1px #909090;  }
.middlecontainer{padding-top: 3px;}

.dotspacercontainer{height: 1px; background: url(/Images/dot.gif) repeat-x;}
.dotspacer{width:1px; height:1px;}

.spacertop{width:1px;height:20px;}
.spacerbig{height:8px; width:1px;}
.spacersmall{height:4px;}

.loginlabel		{ margin-top: 5px; width: 230px; float: left; }
.logintextbox	{ margin-top: 5px; width: 133px; float: left; }
.loginbutton	{ margin-top: 5px; width: 133px; }
.loginaddtop	{ margin-top: 10px; }

.passwordsucceslabel{margin-left:0px; padding-left:0px; clear:both; margin-top: 3px; width: 200px; color: #007FB6; font-weight: bold;}
.passwordchangebutton{margin-left:0px; padding-left:0px; clear:both;}

td{text-align:left;font-family:tahoma;font-size:11px;color:#464A4F;line-height:15px;}

form{margin:0;padding:0;}

a{text-decoration:underline;color:#007FB6;}
strong a{text-decoration:underline;color:#464A4F;}
strong a:hover{text-decoration:none;}
b{color:#007FB6;}
b a{text-decoration:underline;color:#D53F37;}
b a:hover{text-decoration:none;}
span a{text-decoration:underline;color:#007FB6;}
span a:hover{text-decoration:none;}
body{margin:0;padding:0;background:url(/Images/bg.gif);}
.abs{vertical-align:middle;}
ul{margin:0;padding:0;list-style:none;}
li{margin:0;padding:0;color:#444648;line-height:16px;}
li b{color:#007FB6;}
li strong a{color:#444648;text-decoration:underline;}
li strong a:hover{text-decoration:none;}
li a{color:#007FB6;text-decoration:underline;}
li a:hover{text-decoration:none;}
select,textarea{height:24px;width:150px;font-family:tahoma;font-size:11px;color:#010101;overflow:hidden;border:1px solid #7E7E77;padding:2px;}
.footer{color:#22405A; background: url(/Images/footer.gif) top left no-repeat; text-align:center; height:60px;}
.footer a{color:#D53F37;text-decoration:underline;}
.footer a:hover{text-decoration:none;}
#comasymenu li{display:block;float:left;height:49px;list-style-type:none;border:0;}
#comasymenu a{background:url(/Images/menuitem.png) left top no-repeat; color: #243751;display: block; font-family: Arial; font-size: 8pt; font-weight: 700;  margin: 0; padding-bottom: 14px;padding-left: 37px; padding-top: 16px; text-decoration: none; text-transform: uppercase;  padding-right: 20px }
#comasymenu{width:702px;height:49px;background:url(/Images/menubackground.jpg);}
.ui-resizable{position:relative;}
.ui-resizable-handle{position:absolute;font-size:.1px;z-index:99999;display:block;}
.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none;}
.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0;}
.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0;}
.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%;}
.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%;}
.ui-resizable-se{cursor:se-resize;width:9px;height:9px;right:-6px;bottom:-6px;}
.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-3px;bottom:-6px;}
.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-3px;top:-3px;}
.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-6px;top:-3px;}
.handhover:hover{cursor:hand;}
#ruler{visibility:hidden;white-space:nowrap;}
.textboxcss,.dropdowncss,.buttonlink{width:150px;font-family:tahoma;font-size:11px;color:#010101;overflow:hidden;border:1px solid #7E7E77;height:25px;line-height:25px;}
.buttoncss{display:block;height:25px;width:150px;font-family:tahoma;font-size:11px;overflow:hidden;margin-top:20px;}
a.buttoncss{line-height:22px;padding:0!important;}
.loginbuttoncss { line-height:18px; font-size:11px; width:165px; font-family:tahoma; overflow:hidden; display:block; padding-top: 5px; padding-bottom: 5px; }
.buttoncsssmall{width:86px;font-family:tahoma;font-size:11px;overflow:hidden;display:block;height:25px;}
.textboxcss{margin:0;padding:0 4px 0 4px;}
.fieldvalidator{margin-top:6px;margin-left:2px;}
.minimizebutton{text-decoration:none;color:#000;font-size:13px;}
.pageitemleft{width:50%;padding-left:10px;}
.pageitemtop{padding-top:10px;}
.datetitle{width:75px;float:left;padding-top:3px;}
.exporttitle{width:110px;float:left;padding-top:3px;}
.pageitemtitle{width:98%;font-weight:700;}
.pageitemminimize{width:2%;}
.pagetitlecolor{background-color:#d3d3d3;}
.bottomborder{border-bottom:1px solid #DDD;}
.notitietoevoegen{width:500px;padding-bottom:10px;padding-top:10px;padding-left:10px;}
.triggerdropdown{float:left;width:170px;font-family:tahoma;font-size:11px;color:#010101;overflow:hidden;border:1px solid #7E7E77;padding:2px;}
.annulerenbutton{float:left;width:150px;margin-left:5px;margin-top:15px;}
.addtriggerlabel{float:left;width:100px;margin-top:2px;}
.addlabel{float:left;width:130px;margin-top:2px;}
.passwordcontainer{width:500px;margin-bottom:5px;height:15px;padding-bottom: 5px;}
.passwordlabel{width:150px;float:left;}
.passwordtext{width:350px;float:left;}
.passwordbutton{clear:both;padding:0px;margin:0px;}
.companydetails{text-align:right;position:absolute; right:20px; top:5px; font-size:7pt;display:none;}
.breadcrumbdetails{position:absolute; z-index:5; top: 5px; left: 20px; font-weight:bold;color:#007FB6;}
.breadcrumbcompanydetailscontainer{margin: 0px; padding: 0px; position: relative;}
#trendmetingen{padding-bottom:2px;}
#upperbar{padding:0;margin:0;}
#main-toolset{margin-left:0;margin-bottom:-2px;}
.trendcontainer{float:left;height:466px;width:658px !important;_width:650px;}
#printheader{width:601px;height:25px;text-align:center;font-size:13pt;font-weight:700;}
option:hover{background:none;}
.clear{ clear:both; }
/* End Layout */

/* Start Thickbox */
#TB_window{font:12px Arial, Helvetica, sans-serif;color:#333;}
#TB_secondLine{font:10px Arial, Helvetica, sans-serif;color:#666;}
#TB_window a:link{color:#666;}
#TB_window a:visited{color:#666;}
#TB_window a:hover{color:#000;}
#TB_window a:active{color:#666;}
#TB_window a:focus{color:#666;}
#TB_overlay{position:fixed;z-index:100;top:0;left:0;height:100%;width:100%;}
.TB_overlayMacFFBGHack{background:url(macFFBgHack.png) repeat;}
.TB_overlayBG{background-color:#000;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}
* html #TB_overlay{/* ie6 hack */position:absolute;height:expression(document.body.scrollHeight>document.body.offsetHeight?document.body.scrollHeight:document.body.offsetHeight+'px');}
#TB_window{position:fixed;background:#fff;z-index:102;color:#000;display:none;border:4px solid #525252;text-align:left;top:50%;left:50%;}
* html #TB_window{/* ie6 hack */position:absolute;margin-top:expression(0-parseInt(this.offsetHeight/2) 0 (TBWindowMargin=document.documentElement&&document.documentElement.scrollTop||document.body.scrollTop) 0 px);}
#TB_window img#TB_Image{display:block;margin:15px 0 0 15px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #666;border-left:1px solid #666;}
#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left;}
#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right;}
#TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right;}
#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px;}
#TB_title{height:0;}
#TB_ajaxContent{clear:both;padding:2px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;}
#TB_ajaxContent.TB_modal{padding:15px;}
#TB_ajaxContent p{padding:5px 0;}
#TB_load{position:fixed;display:none;height:13px;width:208px;z-index:103;top:50%;left:50%;margin:-6px 0 0 -104px;/* -height/2 0 0 -width/2 */}
* html #TB_load{position:absolute;margin-top:expression(0-parseInt(this.offsetHeight/2) 0 (TBWindowMargin=document.documentElement&&document.documentElement.scrollTop||document.body.scrollTop) 0 px);}
#TB_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%;}
* html #TB_HideSelect{position:absolute;height:expression(document.body.scrollHeight>document.body.offsetHeight?document.body.scrollHeight:document.body.offsetHeight+'px');}
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;_margin-bottom:1px;}
/* End Thickbox */

/* Start Timepicker */
.ui-timepicker-inline{display:inline;}
#ui-timepicker-div{padding:0;font-weight:700;}
.ui-timepicker-table{display:inline-table;}
.ui-timepicker-table table{margin:0;border-collapse:collapse;}
.ui-timepicker-hours,.ui-timepicker-minutes{padding:.2em;}
.ui-timepicker-table .ui-timepicker-title{line-height:1.9em;margin-bottom:.2em;font-size:12pt;height:2em;text-align:center;}
.ui-timepicker-table td{padding:.1em;width:3em;}
.ui-timepicker-table th.periods{padding:.1em;width:3em;}
.ui-timepicker-table td span{display:block;padding:.2em .3em .2em .5em;width:3em;text-align:right;text-decoration:none;}
.ui-timepicker-table td a{display:block;padding:.2em .3em .2em .5em;width:3em;text-align:right;text-decoration:none;}
/* End Timepicker */

/* Start Datepicker */
.ui-datepicker-trigger{margin-left:1px;margin-bottom:-1px;}
/* End Datepicker */

/* Start Colorpicker */
#jquery-colour-picker {background: #fafafa;background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));width: 180px;padding: 10px 5px 5px 10px;border: 1px solid #666;-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);z-index: 99;}
#jquery-colour-picker h2 {margin: 0 0 5px 0;font-size: 14px;}
#jquery-colour-picker ul {margin: 0;padding: 0;list-style-type: none;zoom: 1;}
#jquery-colour-picker ul:after {content: ".";display: block;height: 0;visibility: hidden;clear: both;}
#jquery-colour-picker ul li {float: left;margin: 0 5px 5px 0;}
#jquery-colour-picker ul li a {display: block;width: 13px;height: 13px;text-decoration: none;text-indent: -100000px;outline: 0;border: 1px solid #aaa;}
#jquery-colour-picker ul li a:hover {border-color: #000;}
/* end Colorpicker */

.dataTables_info{ text-align:left; width:332px; float:left; }
.dataTables_paginate {text-align:right; width:332px; float:left; }
.dataTables_previous, .paginate_disabled_previous, .paginate_enabled_previous { margin-right: 5px; }
.dataTables_filter { display:none; }
.dataTables_length { float:left; width:332px; text-align:right; }
.dataTables_length select { width:60px;}
.dataTables_empty { border-bottom: 1px solid #DDDDDD; }
.dataTables_paginate a { cursor:pointer; }
th{ text-align:left; font-family:tahoma;font-size:11px;color:#464A4F;line-height:14px; font-style:normal; }

#mastercontainer .dataTables_filter { float:left; width:332px; text-align:right; display:inline; }
#mastercontainer .dataTables_length { float:left; width:332px; text-align:left; }

.tablerow td { border-bottom: 1px solid #DDDDDD; }
.rowalternating { background-color: #f5f5f5; border-bottom: 1px solid #f7f7f7; }
.rowitemtemplate { background-color: White; }
.tablerepeater { width: 664px; clear:both; padding: 2px;}
thead { background-color: #d3d3d3; }
th { font-weight: bold; }

#loading { position: absolute; display: none; margin-left: 2px; }
.googlemapsmaincontainer { margin-top: 15px; height: 250px; } 
.googlemapscontainer { width: 664px; height: 250px; }
.googlemapsheader { background-color: #d3d3d3; padding-left:3px; line-height:14px; font-weight:bold; }

/* print style */
@media screen {
	#imagebox{height:440px;overflow-y:scroll;border:1px solid gray;margin:13px 14px 13px 18px;width:619px;z-index:2;padding-bottom:0;position:relative;}
	#trendmetingen .editor-container{height:496px;}
	#Image1{border:0;border-right:solid 1px gray;display:none;width:601px;padding:0;margin-bottom:-2px;}
	#Container{border:1px solid #BCBCBC;border-top:0 solid #BCBCBC;overflow:hidden;}
	.print{}
	#printheader{display:none;}
	#imageprintdiv{display:none;}
	#imageprint{width:601px;}
	#loadingtrend{position:absolute;top:200px;left:290px;display:none;}
	#loadingimage{margin-left:2px;}
	#nodataContainer{display:none;}
	.datatop{padding-top:200px;}
	#chartContainer{width: 658px !important;_width:650px;height:466px;}
	#HorizontalChartcontainerWrapper{padding:0;margin:0;}
	.buttoncontainer .buttoncontainerbutton{margin-top:5px;margin-left:5px; width:140px;}
	.buttoncontainer{width:600px;clear:both;}
	.buttoncontainer .buttoncontaineritem{float:left;padding-bottom:5px;}
	#printload{position:absolute;display:none;margin-top:7px;margin-left:2px;}
	#trendopties{width:600px;padding-bottom:8px;}
	.validationsum{clear:both;}
	.validationsum ul li{color:Red;}
}
@media print {
	#HorizontalChartcontainerWrapper,.upper-toolbar,.pagetitlecolor,.noprint{visibility:hidden;}
	#VerticalChartcontainerWrapper{display:inline;height:750px;overflow:visible;}
	#Container{margin-left:25px;height:750px;overflow:visible;}
	#VerticalChartcontainerWrapper #Container{height:750px;overflow:visible;border:0 solid gray;}
	#imagebox{display:none;}
	#imageprintdiv{height:750px;overflow:visible;border:0 solid gray;}
	#trendmetingen .editor-container{height:750px;overflow:visible;}
	#Image1{border-right:solid 0 gray;}
	#Container{border:0 solid #BCBCBC;}
	img{max-width:100% important!;}
	.print{}
	#trendmetingen{position:absolute;top:-270px;}
	#printheader{display:block;}
	#imageprint{width:718px;margin-left:-52px;}
}

/* Cookies */

#cookie
{
	font-family: tahoma;
	font-size: 11px;
	color: #464A4F;
	line-height: 15px;
	height: auto;
	display: block;
	background-color: White;
}

#cookie h1
{
	margin-top: 20px;
	margin-bottom: 5px;
}

#cookie h2
{
	font-family: tahoma;
	font-size: 11px;
	line-height: 15px;
	color: #007fb6; 
	font-weight: bold;
	margin: 0;
}


#cookie h2
{
	font-family: tahoma;
	font-size: 11px;
	line-height: 15px;
	color: #007fb6; 
	font-weight: bold;
	margin: 0;
}

#cookie p
{
	margin-top: 0px;
}
#cookie ul
{
	padding-left: 20px;
	padding-top: 0px;
	margin-top: 0px;
}


#opaque {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none;
    background-color: black;
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.ui-widget-overlay
{
	position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: black;
    filter: alpha(opacity=40);
    opacity: 0.4;
}

/* Cookies - Dialog */
.ui-dialog { background-color:White; position: absolute; padding: .2em; overflow: hidden; border: 1px solid black; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }

/* Overzicht */
.txtcenter
{
	text-align: center;
}

.VestigingDropDownDiv
{
	width:100%; 
}

.VestigingDropDown
{
	width:100%;
    border-bottom-color: #7E7E77;
    border-bottom-style: solid;
    border-bottom-width: 1px;	
}
.VestigingLabel{width: 120px; font-weight: bold;}


/* Config */
.SysteemBewakingContentDiv
{
	width:664px;
}

.MailSoortDropDownCss
{
	display: block;
	width: 100%;
	margin-right: 10px;
	padding: 2px;
	margin: 0px;
    border-bottom-color: #7E7E77;
    border-bottom-style: solid;
    border-bottom-width: 1px;		
	margin-left: -2px;
}

.toprow
{
	width: 660px;
	margin: 2px 2px 2px 5px;
	/*padding-bottom: 0px;*/
}

.tableleft
{
	width: 100px; 
	float: left; 
}

.tableright
{
	width: 557px;
	position: relative;
	float: left;
	padding: 2px 0 2px 0;
}

.tabletextboxcss
{
	font-family:tahoma;
	font-size:11px;
	width: 290px;
	color:#010101;
	border:1px solid #7E7E77;
	padding:0 4px 0 4px;
	line-height:25px;
	height:25px;
}

.tabledropdowncss
{
	font-family:tahoma;
	font-size:11px;
	color:#010101;
	border:1px solid #7E7E77;
}

.hidden
{
	display:none;
	width: 0px;
	padding: 0px;
	margin: 0px;
}


.topspacetr { height: 9px }
.headerimagetr { height: 188px; }
.menutr { height: 49px; }
.hiddenfield{ display:none; }

/* Label Search */
.LabelSearchTitleLabel
{
    position: absolute;
    left: 51%;
    font-weight:bold;
}