/* generic document style properties */
*					{margin: 0; padding: 0;}
body				{font-family: Helvetica, Verdana, Sans-Serif; font-size: 9pt; font-weight: 500; margin: 0; padding: 0;}
ul, ol				{margin-left: 1.5em;}
ul					{list-style-type: square;}
img					{border: 0;}
p					{margin-bottom: 1em;}
a, a:visited, a:active
					{color: #00adef;}
a:hover				{color: #6e5735;}

h1					{font-size: 11pt; margin-bottom: 1em; text-transform: uppercase; color: #6e5735;}
h2					{font-size: 10pt; margin-bottom: 0.5em; color: #6e5735;}
h3					{font-size: 10pt; margin-bottom: 0.3em; color: #6e5735;}
h4					{font-size: 9pt; margin-bottom: 0.2em; color: #6e5735;}
h5					{font-size: 9pt; color: #6e5735;}
h6					{font-size: 9pt; color: black;}

span.label-contrast		{display: block; float: left; width: 13px; color: #6e5735; font-weight: 700;}
span.small			{font-size: 7pt;}

img.rand-kleur		{border: 2px solid; vertical-align:middle;}

/* forms */
input				{padding: 2px; font-size: 8pt;}
label				{text-align: right; margin-right: 10px; }
dd, dt				{float: left;}
dt					{margin-right: 5px;}

span.required		{width: 5px; display: inline-block;}

/* generic divs */
.clear				{clear: both;}
.container			{width: 950px; margin: 0 auto 0 auto; padding-bottom: 10px; border-bottom: 1px solid #6e5735;}
div.logo			{background-image: url('../img/logo_nk.gif'); background-repeat: no-repeat; width: 126px; height: 111px; }
div.header			{background-image: url('../img/gradient.jpg'); background-repeat: repeat-y; background-position: right top; text-align: left; padding: 10px 5px 10px 0; margin-bottom: 10px; border-bottom: 1px solid #6e5735; border-top: 1px solid #6e5735;}
div.menu			{float: right; margin-top: 57px; }
div.menu-links		{background-image: url('../img/knop_links.png'); background-repeat: no-repeat; height: 46px; width: 14px; float: left; behavior: url('../img/iepngfix.htc');}
div.menu-midden		{background-image: url('../img/knop_midden.png'); background-repeat: repeat-x; height: 31px; padding: 15px 5px 0 5px; float: left; behavior: url('../img/iepngfix.htc'); }
div.menu-rechts		{background-image: url('../img/knop_rechts.png'); background-repeat: no-repeat; height: 46px; width: 14px; float: left; behavior: url('../img/iepngfix.htc'); }

div.menu-midden	a	{color: white; font-weight: 700; font-size: 10pt; text-decoration: none; text-transform: uppercase;}
div.menu-midden a:visited {color: white;}
div.menu-midden a.actief {color: #49d0ff;}
div.menu-midden a:hover {color: #01adef;}

ol.top-3, ul.top-3			{margin-left: 2em; font-size: 9pt; font-weight: 700; margin-bottom: 2em; color: #6e5735;}
ol.top-3 li, ul.top-3 li	{margin-bottom: 0.5em;}

.footer				{width: 930px; padding: 2px 10px 0 10px; margin: 0 auto 0 auto; color: #6e5735; font-size: 8pt; }
.copyright			{display: block; float: right;}

.column-left		{width: 460px; float: left;}
.column-right		{width: 460px; margin-left: 30px; float: left; }

/* tables */
table				{width: 100%;}
th					{text-align: left; padding-left: 2px;}
td					{padding-left: 2px; }

div.lijn			{border-top: 1px dashed #6e5735; color: #6e5735; margin-bottom: 1em;}
div.grijs			{color: #555555;}

/* page specific */
div.accordion					{height: 160px;}
div.banner						{height: 150px; margin-bottom: 10px; padding-bottom: 9px;}
div.banner-full					{height: 140px; padding: 10px; margin-bottom: 10px; }
div.banner-logo-container		{width: 145px; padding: 0 20px 20px 0; float: left;}
div.logo-rb-klein				{background-image: url('../img/logo-nk-hor-klein.gif'); background-repeat: no-repeat; width: 120px; height: 40px; float: right;}
div.banner-content-container	{width: 275px; float: left; }
div.banner-full-content-container	{width: 760px; float: left; }
div.content-full				{padding: 0 10px 10px 10px;}
div.content-kleur				{background-color: #cdeffb; padding: 10px;}
div.content-wit					{padding: 10px; margin-top: 10px;}
div#left-top					{padding: 10px 0 10px 0;}

fieldset#select-notary			{border: 0;}
input#selectNotaryField			{width: 300px; color: gray;}

div.plaats-reactie				{height: 76px; display:none; background: #e4f6fc; padding: 10px; margin: 0 10px 0 10px;;}
fieldset.plaats-reactie			{border: 0;}

div.beoordeling					{border-top: 1px solid #00adef; padding: 1em 0 1em 0;}
div.reactie						{padding: 0.5em 1em 0.5em 1em; margin-left: 3em; border-top: 1px solid #cccccc; background: #f7f7f7; }

table.beoordeling				{width: 310px;}
td.label-lang					{width: 125px; color: #6e5735;}
td.label-kort					{width: 70px; color: #6e5735;}
td.score						{width: 60px; height: 12px; color: #00adef;}
div.aanraden					{background: white url('../img/nominated16.gif') top left no-repeat; margin-top: 1em; padding: 0 0 10px 18px; color: #6e5735;}
		/* review screen */
div.review-button				{background: #00adef; width: 100px; height: 14px; padding: 3px; position: absolute; top: 0; right: 0;}
div.review-button-wrapper		{position: relative; width: 420px; }
div.review-button a				{color: white; text-transform: uppercase; }

div.review-button-wrapper-kantoor {position: relative; width: 175px; }
div.review-button-kantoor		{background: #00adef; width: 175px; height: 14px; padding: 3px; margin-bottom: 10px;}
div.review-button-kantoor a		{color: white; text-transform: uppercase; }

div.review-notary				{position: absolute; z-index: 8; top: 20px; left: 50px; display: none;}
div.review-notary-kantoor		{position: absolute; z-index: 8; top: 20px; left: 0; display: none;}

div.slider						{width: 150px; margin-top: 3px; float: left; }
fieldset#review-notary			{border: 0; background-color: #cdeffb; border: 10px solid #00adef; padding: 10px; width: 330px; height: 340px;} 
fieldset#review-notary label	{width: 160px; height: 25px; float: left; clear: left; display: block;}
fieldset.plaats-reactie label	{width: 160px; height: 25px; float: left; clear: left; display: block;}

fieldset.vermelding-wijzigen	{border: 0;}
fieldset.vermelding-wijzigen label	{width: 160px; height: 25px; float: left; clear: left; display: block;}

div.ui-slider-range	{background: #c9bb1f;} 

		/* validatie */
label.error, fieldset.vermelding-wijzigen label.error { float: right; clear: none; color: #d50000; font-size: 0.8em; text-align: left; width: 300px; padding-top: 3px; }

form.vermeldingform				{width: 750px;}
div.input-element				{width: 150px; height: 25px; float: left; }
fieldset.vermelding-wijzigen div.input-element {width: 600px; overflow: visible; }
input#name						{width: 145px;}
div.nominate-text				{width: 285px; height: 31px; margin-top: 10px; float: left;}
div.nominate-symbol				{width: 26px; height: 26px; padding: 3px; margin-top: 10px; background: white; border: 1px solid #00adef; float: left;}
div.nominate-symbol:hover		{background: white url('../img/nominated-small-faded.gif') 6px 4px no-repeat;}
div#nominate-symbol.active 		{background: white url('../img/nominated-small.gif') 6px 4px no-repeat;}
textarea#review-comment			{overflow: hidden; width: 318px;}
input.submit					{float: right; margin-top: 10px; }

		/* autocomplete */ 
.ac_results						{ padding: 0; border: 1px solid #00adef; background-color: white; overflow: hidden; width: 300px; position: absolute; z-index: 9;}
.ac_results ul					{ width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results iframe				{ display:none;/*sorry for IE5*/ display/**/:block;/*sorry for IE5*/ position:absolute; top:0; left:0; z-index:-1; filter:mask(); width:3000px; height:3000px;}
.ac_results li					{ margin: 0; cursor: pointer; display: block; width: 294px; padding: 3px; font-size: 8pt; overflow: hidden; }
.ac_loading						{ background: white url('../img/ajax-loader.gif') right center no-repeat; }
.ac_over						{ background-color: #cdeffb; color: black; }

	/* pagina */
div.pagina_beoordelingscriteria_div		{height: 350px;}

/* notarial companies */
table#notarial-offices-datatable	{font-size: 9pt;}
img.facility-icon					{margin-right: 3px;}
div.kwaliteit-totaal-score-klein	{float: left; height: 12px; width: 50px; margin-top: 2px; margin-right: 5px;}
div.beoordeling-klein				{float: left; height: 12px; width: 50px; margin-top: 2px; margin-right: 5px;}
div.progressbar-null				{border: 1px solid #cccccc;}

/* Datatables */

/*
 * jQuery UI specific styling
 */

.paging_two_button .fg-button { float: left; cursor: pointer; * cursor: hand; }
.paging_full_numbers .fg-button { padding: 2px 6px; cursor: pointer; * cursor: hand; }
.paging_full_numbers { width: 350px !important; }
.fg-toolbar { padding: 5px; }
.dataTables_paginate { width: auto; }

table.display thead th {
	padding: 3px 0px 3px 10px;
	cursor: pointer;
	* cursor: hand;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * Everything below this line is the same as demo_table.css. This file is
 * required for 'cleanliness' of the markup
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

.dataTables_wrapper {
	position: relative;
	min-height: 302px;
	_height: 302px;
	clear: both;
}

.dataTables_processing {
	position: absolute;
	top: 5px;
	left: 50%;
	width: 250px;
	margin-left: -125px;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 11px;
	padding: 2px 0;
}

.dataTables_length {
	width: 40%;
	float: left;
}

.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
}

.dataTables_info {
	width: 50%;
	float: left;
}

.dataTables_paginate {
	float: right;
	text-align: right;
}

.css_right { float: right; }
/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	width: 19px;
	margin-left: 3px;
	float: left;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
	margin: 0 auto;
	width: 100%;
	clear: both;
}

table.display tfoot th {
	padding: 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	padding: 3px 10px;
}

table.display td.center {
	text-align: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: url('../images/sort_asc.jpg') no-repeat center right;
}

.sorting_desc {
	background: url('../images/sort_desc.jpg') no-repeat center right;
}

.sorting {
	background: url('../images/sort_both.jpg') no-repeat center right;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
tr.odd			{background-color: white;}
tr.even			{background-color: #f2f8fa;}

.top, .bottom {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}

.top .dataTables_info {
	float: none;
}

.clear {
	clear: both;
}

.dataTables_empty {
	text-align: center;
}

tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}

tfoot input.search_init {
	color: #999;
}

td.group {
	background-color: #d1cfd0;
	border-bottom: 2px solid #A19B9E;
	border-top: 2px solid #A19B9E;
}

td.details {
	background-color: #d1cfd0;
	border: 2px solid #A19B9E;
}

/* Google Maps */
div.maps-kantoorinfo {font-size: 9pt;}
div.maps-kantoorinfo table {font-size: 8pt;}
h1.normale-naam {font-size: 12pt; padding-right: 10px;}
h1.lange-naam {font-size: 10pt;  padding-right: 10px;}