html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
//li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select,button{font-family:inherit;font-size:inherit;font-weight:inherit;}
//input,textarea,select{*font-size:100%;}
legend{color:#000;}

td{
	padding:  4px;

}




body, table, input, select, td, label, textarea, button {
	font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 10px;
}
button, input{
	font-size: 10px !important;
}
body{
	padding: 15px;
	margin-bottom: 0px;
}



table#pc_table{
				border-width: 1px;
				border-style: solid;
				border-color: rgb(0,0,0);
			}
			table#pc_table tr td{
				border-width: 1px;
				border-style: solid;
				border-color: rgb(0,0,0);
				border-bottom-width: 0px;
				font-size: 9px;
				font-family: verdana;
			}


A:link {color:#7F1183;text-decoration:none;}
a:visited {color:#7F1183;text-decoration:none;}
a:active {color:#EF7E5C;text-decoration:underline;}
a:hover {color:#EF7E5C;text-decoration:underline;}

a, td{
	white-space: normal;
}

//.tip{ font-size: 10px;font-weight:normal; background-color:#FFFFE1; text-align: left; padding: 2px;}

.tableSearchTD {
	border-collapse: collapse;
	border-right: 1px dotted #DBB476;
	border-bottom: 1px dotted #DBB476;
}

.form_table {
	border-collapse: collapse;
	border: 1px solid #74B451;
	background: #FFFFFF;
}

.project_table {
	border-collapse: collapse;
	border: 1px solid #74B451;
	background: #FFFFFF;
}

.form_tdleft {
	background: #FFFFFF;
}

.form_tdright {
	background: #FFFFFF;
}
.form_bottom {
	background: #FFFFFF;
}

img.border {border: 1px solid #CBCAC9;}

.gray {color: #91908F;}
.big {color:#7F1183; font-size: 14px; font-weight: bold;}
.paars {color:#7F1183;}
.voorbeeld {border: 1px solid #7F1183;}
ul.autocompleter-choices
{
	position:				absolute;
	margin:					0;
	padding:				0;
	list-style:				none;
	border:					1px solid #7c7c7c;
	border-left-color:		#c3c3c3;
	border-right-color:		#c3c3c3;
	border-bottom-color:	#ddd;
	background-color:		#fff;
	text-align:				left;
	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif;
	z-index:				24000 !important;
	background-color:		#fff;
	overflow: 				hidden;
}

ul.autocompleter-choices li
{
	position:				relative;
	margin:					-2px 0 0 0;
	padding:				0.2em 1px;
	display:				block;
	float:					none !important; 
	cursor:					pointer;
	font-weight:			normal;
	white-space:			nowrap !important;
	font-size:				0.9em;
	line-height:			1.5em;
}

ul.autocompleter-choices li.autocompleter-selected
{
	background-color:		#444;
	color:					#fff;
}

ul.autocompleter-choices span.autocompleter-queried
{
	display:				inline;
	float:					none;
	font-weight:			bold;
	margin:					0;
	padding:				0;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried
{
	color:					#9FCFFF;
}

	#factuur_container{
	padding: 29pt;
	padding-top: 80pt;
	border:  1px solid black;
	width:  607pt;
	margin-left: 50px;
}
	
	.fac, .fac tr, .fac tr td{
				font-family: Verdana;
				font-size: 13px;
			}
			
			.fac_item{
				width: 1%;
				white-space: nowrap !important;
				font-style: italic;
				font-weight: bold;
				vertical-align: top;
			}
			
			.fac_titel{
				text-transform: uppercase;
				font-size: 17px !important;
				padding-bottom: 15px; //30px;
			}
			
			.fac_afzender{
				white-space: nowrap !important;
				width: 1%;
			}
			
			#factuur{
				//width: 595pt;
				width: 549pt;
				//height: 842pt;
				//height: 796pt;
			}
			
			#factuur tr td table tr td{
				padding-bottom: 10px;
			}
			
			
			.fac_o_bedrag, .fac_o_uren{
				text-align: right;
				width: 80px;
			}
			.fac_o_urenitem td, #fac_o_urentitel td{
				margin: 0px !important;
				padding: 0px 4px 0px 4px !important;
			}
			
			#fac_o_totaal_ib .fac_o_bedrag, #fac_o_totaal_eb .fac_o_bedrag, #fac_o_totaal_uren .fac_o_bedrag{
				border-top: black solid 2px;
			}
			
			#fac_o_totaal_uren td{
					padding-top:  12px !important;
			}
			
			.fac_o_eurosign{
				width: 1%;
				padding-right: 20px !important;
			}
			
			
			.fac_nospace{
				padding: 0px !important;
				margin: 0px !important;
			}
.tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
	width: 174px;
}
 
.tip-title {
	font-weight: bold;
	font-size: 10px;
	margin: 0;
	color: #9FD4FF;
	padding: 4px 4px 2px;
	background: url(../im/tip/bubble2.png) top left;
}
 
.tip-text {
	font-size: 10px;
	padding: 2px 4px 4px;
	background: url(../im/tip/bubble2.png) bottom right;
}

.datepicker_vista {
	position: absolute;
	font-size: 10px;
	font-family: Tahoma, sans-serif;
	color: #000;
	line-height: normal;
	width: 172px;
	height: 135px;
	padding: 14px;
	background: url(../im/datepicker/frame.png) no-repeat;
	z-index:  24000;
}

/* header
********************************************************/
.datepicker_vista .header {
	position: relative;
	height: 15px;
	margin-bottom: 5px;
	padding-top: 1px;
}

.datepicker_vista .header .title {
	text-align: center;
	margin: 0 18px 0 18px;
}

.datepicker_vista .header .titleText {
}

.datepicker_vista .header .previous,
.datepicker_vista .header .next,
.datepicker_vista .header .closeButton {
	position: absolute;
	cursor: pointer;
	text-indent: -40px;
	overflow: hidden;
	width: 12px;
	height: 12px;
	top: 2px;
	background-image: url(../im/datepicker/buttons.png);
	background-position: left top;
	background-repeat: no-repeat;
}

.datepicker_vista .header .previous {
	left: 4px;
}
.datepicker_vista .header .previous:hover {
	background-position: left bottom;
}
.datepicker_vista .header .next {
	right: 4px;
	background-position: -13px top;
}
.datepicker_vista .header .next:hover {
	background-position: -13px bottom;
}
.datepicker_vista .header .closeButton {
	display: none;
	right: 0px;
	top: 0px;
	background-position: right top;
}
.datepicker_vista .header .closeButton:hover {
	background-position: right bottom;
}

/* body
********************************************************/
.datepicker_vista .body {
	position: relative;
	top: 0px;
	left: 2px;
	width: 168px;
	height: 112px;
	overflow: hidden;
}

/* time
********************************************************/
.datepicker_vista .time {
	position: relative;
	width: 100%;
	height: 100%;
}

.datepicker_vista .time .hour,
.datepicker_vista .time .separator,
.datepicker_vista .time .minutes {
	border: 1px solid #ccc;
	background: #fff;
	width: 50px;
	font-size: 32px;
	position: absolute;
	top: 10px;
	text-align: center;
	padding: 2px;
}

.datepicker_vista .time .hour {
	left: 15px;
}
.datepicker_vista .time .separator {
	background: transparent;
	border: 0px;
	width: 10px;
	left: 76px;
}

.datepicker_vista .time .minutes {
	left: 95px;
}
.datepicker_vista .time .ok {
	position: absolute;
	top: 65px;
	width: 136px;
	left: 15px;
	font-size: 20px;
}

/* days-grid
********************************************************/
.datepicker_vista .days .day {
	float: left;
	text-align: center;
	overflow: hidden;
	width: 23px;
	height: 15px;
	margin: 0 1px 1px 0;
}
.datepicker_vista .days .titles {
	height: 15px;
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 1px;
}
.datepicker_vista .days .day0 {
	margin-right: 0;
}

.datepicker_vista .days .week5 .day {
	margin-bottom: 0;
}

/* days-colors
********************************************************/
.datepicker_vista .days .week .day {
	cursor: pointer;
}
.datepicker_vista .days .week .day:hover {
	background: url(../im/datepicker/days.png) left top no-repeat;
	color: #0084AA;
}

.datepicker_vista .days .otherMonth {
	color: #aaa;
}

.datepicker_vista .days .selected {
	background: url(../im/datepicker/days.png) left bottom no-repeat;
	color: #316879;
}

/* months-grid
********************************************************/
.datepicker_vista .months .month {
	float: left;
	cursor: pointer;
	text-align: center;
	padding-top: 6px;
	width: 55px;
	overflow: hidden;
	height: 21px;
	margin: 0 1px 1px 0;
}

.datepicker_vista .months .month3,
.datepicker_vista .months .month6,
.datepicker_vista .months .month9,
.datepicker_vista .months .month12 {
	margin-right: 0;
}

.datepicker_vista .months .month10,
.datepicker_vista .months .month11,
.datepicker_vista .months .month12 {
	margin-bottom: 0;
}

/* months-colors
********************************************************/
.datepicker_vista .months .month:hover {
	background: url(../im/datepicker/months.png) left top no-repeat;
	color: #0084AA;
}

.datepicker_vista .months .selected {
	background: url(../im/datepicker/months.png) left bottom no-repeat;
	color: #316879;
}

/* years-grid
********************************************************/
.datepicker_vista .years .year {
	float: left;
	cursor: pointer;
	text-align: center;
	padding-top: 6px;
	width: 32px;
	overflow: hidden;
	height: 21px;
	margin: 0 1px 1px 0;
}

.datepicker_vista .years .year4,
.datepicker_vista .years .year9,
.datepicker_vista .years .year14,
.datepicker_vista .years .year19 {
	margin-right: 0;
}

.datepicker_vista .years .year15,
.datepicker_vista .years .year16,
.datepicker_vista .years .year17,
.datepicker_vista .years .year18,
.datepicker_vista .years .year19 {
	margin-bottom: 0;
}

/* years-colors
********************************************************/
.datepicker_vista .years .year:hover {
	background: url(../im/datepicker/years.png) left top no-repeat;
	color: #0084AA;
}

.datepicker_vista .years .selected {
	background: url(../im/datepicker/years.png) left bottom no-repeat;
	color: #316879;
}

/* global
********************************************************/
.datepicker_vista .unavailable {
	background: none !important;
	color: #fbb !important;
	cursor: default !important;
}

th,td{
	margin:  0px;
}

.data_table{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:9px;width:100% !important;text-align:left;border-collapse:collapse;border:1px solid #B486DE !important;margin: 8px 0 8px 0; background-color: #fff;}
.data_table th{font-weight:normal;font-size:11px !important;color:#690DBD;padding:6px 15px 6px 4px; cursor: pointer;}
.data_table tbody{background:#E1CFF2;}
.data_table td{color:#68599E;border-top:1px solid #E9DBF5;padding:4px;}
.data_table tbody tr:hover td, .data_table tbody tr td.sort_col, .data_table tbody tr td.selected, .data_table tfoot tr td.sort_col{color:#690DBD !important;background:#CBAAE8 !important;}
.data_table th.sort_up{
	background: #CBAAE8 url(../im/table/up.png) no-repeat;
	background-position: 4px 50%;
	padding-left: 15px;
	padding-right: 4px;
}
.data_table th.sort_down{
	background: #CBAAE8 url(../im/table/down.png) no-repeat;
	background-position: 4px 50%;
	padding-left: 15px;
	padding-right: 4px;	
}

.sub_data_table{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:9px;width:100% !important;text-align:left;border-collapse:collapse;border:1px solid #B486DE !important;margin: 8px 0 8px 0; background-color: #fff;}
.sub_data_table th{font-weight:normal;font-size:11px !important;color:#690DBD;padding:6px 15px 6px 4px; cursor: pointer;}
.sub_data_table tbody{background:#E1CFF2 !important;}
.sub_data_table td{color:#68599E;border-top:1px solid #E9DBF5;padding:4px;background:#E1CFF2 !important;}


label{
	display: inline-block;
	text-align: right;
	width: 150px;
	vertical-align: top;
	margin-left: 15px;
}
fieldset{
	font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size:10px;
	border-collapse:collapse;
	border:1px solid #B486DE;
	margin:	8px 0px 8px 0;
	padding: 15px;
	padding-top: 29px;
	background:#E1CFF2;
}
fieldset span input{
	font-family: inherit;
	font-size: 10px;
}
fieldset legend{
	font-weight:bold;
	font-size:11px;
	color:#690DBD;
	padding: 5px 15px 5px 15px;
	border: 1px solid #B486DE;
	background-color: #FFF;
}

fieldset span label{
	font-weight: bold;
}

fieldset span{
	color:#68599E;
	border-top:1px solid #E9DBF5;
	padding:4px;
	float: left;
	clear: both;
	width: 100%;
}

fieldset span:hover{
	color:#690DBD;background:#CBAAE8;
}
#menu-container {
				display:block;
				position: fixed;
				top:  0px;
				left:  0px;
				z-index:20000;
				width:  100%;
				margin:0px auto 0px;
				font-size:12px !important;
				white-space: nowrap !important;
			}
			#drop_down_menu {
				display:block;
				position:absolute;
				clear:both;
				margin:0px;
				padding:0px;
				text-align:left;
				list-style-type:none;
				text-align:center;
				float:none;
				left:0px;
				top:0px;
				white-space: nowrap !important;
			}
			#drop_down_menu li, #forcedbg {
				font-size:12px !important;
//				font-weight:bold;
				float: left;
				color:#690DBD;
				padding:5px;
				cursor:pointer;
				background:#58b71d;
				width:85px;
				z-index:999999;
				white-space: nowrap !important;
			}
			#forcedbg{
				width:100%;
//				cursor: default !important;
				position: fixed !important;
				top: 0px;
				left: 0px !important;
				z-index:19000 !important;
				float: none !important;
			}
			#drop_down_menu li ul {
				margin:0px;
				padding:0px;
				list-style-type:none;
				padding-top:6px;
				white-space: nowrap !important;
			}
			#drop_down_menu li ul li {
				padding: 0px;
				padding-top: 6px;
				font-size: 10px !important;
				display:block;
				float:none;
				clear:both;
				white-space: nowrap !important;
			}
			#drop_down_menu li ul li a {
				color:#FFFFFF;
//				font-weight:normal;
				display:block;
				cursor:  pointer !important;
				white-space: nowrap !important;
			}
			
			body{
				padding-top: 30px !important;
			}
			.menured{
				background: #FF2222 !important;
				width: 110px !important;
			}
			.menured a:hover, .menured a:active {
				color:#FFFFFF;
				text-decoration:underline;
			}
			
			.backdrop{
				z-index: 21000;
				display: none;
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-image: url(../im/backdrop.png);

			}