html, body 	{ margin: 0; padding: 0; }

body 		{ font-family: Georgia; font-size: 12px; }

#header-container-grey	{ background: none; }
#header-container	{ background: none; }

#header		{ width: 980px; height: 107px; margin: 0 auto; position: relative; }
#header h1	{ position: absolute; left: 0px; top: 20px; }
#header-logo	{  }
#header img	{ display: none;}

#intro { padding-bottom: 12px; position: relative; z-index: 100; }
#intro.searchinput { background: none; margin-bottom: 12px; }

.intro-content { position: relative; width: 980px; margin: 0 auto; }
#intro.searchinput .intro-content { /*height: 187px;*/ }
#intro.searchresult .intro-content { /*height: 103px;*/ }
#intro.officedetail .intro-content { /*height: 238px;*/ }
#intro.lawyerdetail .intro-content { /*height: 208px;*/ }
#intro.compare .intro-content { /*height: 238px;*/ }

#searchinput-fields 			{ position: absolute; left: 200px; right: 0; top: 0; bottom: 0; }
#searchinput-fields .title  		{ font-size: 15px; font-weight: bold; color: #333; margin-bottom: 8px; }
#searchinput-fields input,select 	{ font-family: verdana; font-size:11px; }

#searchinput-byjurisdiction-rechtsgebied 	{ position: absolute; top: 51px; left: 0; width: 243px; }
#searchinput-byjurisdiction-rechtsgebied select	{ width: 230px; }

#searchinput-byjurisdiction-trefwoord 		{ position: absolute; top: 51px; left: 243px; width: 243px; }
#searchinput-byjurisdiction-trefwoord input 	{ width: 230px; }

#searchinput-byjurisdiction-locatie 		{ position: absolute; top: 107px; left: 0; width: 243px;  }
#searchinput-byjurisdiction-locatie input 	{ width: 132px; }
#searchinput-byjurisdiction-locatie select 	{ width: 80px; margin-left: 10px; }

#searchinput-byjurisdiction-knop 		{ position: absolute; top: 107px; left: 243px; width: 243px; text-align: center; }
#searchinput-byjurisdiction-knop input 		{ width: 230px; margin-top: 11px; }


#container	{  width: 980px; margin: 0 auto; }

#content 	{ position: relative; }

.search-window			{ position: relative; background: white; border-style: solid; border-width: 0 1px; border-color: #c7c7c7; padding-top: 30px; padding-bottom: 8px; width: 707px; }
.search-window .header		{ position: absolute; top: 0; left: -2px; right: -2px; height: 30px; line-height: 30px; padding-left: 15px; font-size: 15px; font-weight: bold; color: #088; background-image: url(/data/images/1/6/search_window_header_background.png); background-repeat: repeat-x; }
.search-window .header .left 	{ position: absolute; top: 0; left: 0; width: 5px; height: 30px; background-image: url(/data/images/1/7/search_window_header_left.png); background-repeat: no-repeat; }
.search-window .header .right 	{ position: absolute; top: 0; right: 0; width: 6px; height: 30px; background-image: url(/data/images/1/8/search_window_header_right.png); background-repeat: no-repeat; }
.search-window .header .link	{ display: none; }
.search-window .content 	{ z-index: 120; position: absolute; top: 30px; bottom: 8px; left: 0; right: 0; padding: 6px; margin: 0 1px; border-style: solid; border-width: 0 1px; border-color: #c7c7c7; background: #fff; }
.search-window .footer		{ position: absolute; bottom: 0; left: -2px; right: -2px; height: 8px; padding-left: 15px; font-weight: bold; color: #088; background-image: url(/data/images/1/3/search_window_footer_background.png); background-repeat: repeat-x; }
.search-window .footer .left 	{ position: absolute; top: 0; left: 0; width: 5px; height: 8px; background-image: url(/data/images/1/4/search_window_footer_left.png); background-repeat: no-repeat; }
.search-window .footer .right 	{ position: absolute; top: 0; right: 0; width: 6px; height: 8px;  background-image: url(/data/images/1/5/search_window_footer_right.png); background-repeat: no-repeat; }

#intro.searchinput .search-window { /*height: 187px;*/ height: 148px; }
#intro.searchresult .search-window { min-height: /*103px*/ 65px; }
#intro.officedetail .search-window { /*height: 238px;*/ min-height: 200px; }
#intro.lawyerdetail .search-window { /*height: 138px;*/ min-height: 170px; }
#intro.compare .search-window { /*height: 238px;*/ min-height: 184px; }

/* when grey background, use other images for rendering a window */
#intro.searchinput .search-window .header 		{ background-image: url(/data/images/7/search_window_header_background.png); }
#intro.searchinput .search-window .header .left 	{ background-image: url(/data/images/8/search_window_header_left.png); }
#intro.searchinput .search-window .header .right 	{ background-image: url(/data/images/9/search_window_header_right.png); }
#intro.searchinput .search-window .footer 		{ background-image: url(/data/images/1/0/search_window_footer_background.png); }
#intro.searchinput .search-window .footer .left 	{ background-image: url(/data/images/1/1/search_window_footer_left.png); }
#intro.searchinput .search-window .footer .right 	{ background-image: url(/data/images/1/2/search_window_footer_right.png); }

#search-result-table { margin: -3px 0 0 0; padding: 0; table-layout: fixed; }
#search-result-table-header td { padding: 0 0 6px 0; background: url(/data/images/7/0/result_table_header_background.png) repeat-x; }
#search-result-table-header-column-one { width: 34px; padding-bottom: 0 !important; vertical-align: bottom; }
#search-result-table-header-column-one img { /*position: absolute;*/ /*top: -3px;*/ }
#search-result-table-header-column-two { font-size: 15px; padding: 0 0 8px 0 !important; font-weight: bold; }
#search-result-table-header-column-two span { font-weight: normal; font-size: 13px; }
#search-result-table-header-column-three { width: 128px; }
#search-result-table-header-column-four { width: 134px; text-align: right; }

.search-result-table-row-grey td { background: #eee; }
.search-result-table-row-column-one { padding-left: 5px; }
.search-result-table-row-column-two { font-size: 15px; }
.search-result-table-row-column-three { font-size: 14px; }
.search-result-table-row-column-four { font-size: 14px; text-align: right; }
.search-result-table-row-laywer-name { font-size: 13px; }
.search-result-table-row-laywer-specs { font-size: 12px; color: #666; }
.search-result-table-row-top td  { padding: 6px 3px 1px 3px; }
.search-result-table-row-bottom td { padding: 1px 3px 6px 3px; }

#officedetail-window-content-left { float: left; width: 410px; margin-top: 6px; padding-left: 3px; }
/*#officedetail-window-content-right { float: right; width: 257px; margin-right: 6px; position: relative; margin-top: 6px; }*/
#officedetail-window-content-right { width: 257px; right: 6px; position: absolute; top: 36px; }
#officedetail-window-content-right img.large { border: 1px solid #666; margin-bottom: 3px; }
#officedetail-window-content-right img.small { opacity: 0.5; filter: alpha(opacity=50); border: 1px solid #666; cursor: pointer; }
#officedetail-window-content-right img.active { opacity: 1; filter: alpha(opacity=100); border: 1px solid #222 !important; }
#officedetail-window-content-right img.search { position: absolute; right: 0; }

#lawyerdetail-window-content-left { float: left; width: 410px; margin-top: 6px; padding-left: 3px; }
/*#lawyerdetail-window-content-right { float: right; width: 252px; margin-right: 8px; position: relative; margin-top: 6px; text-align: right; }*/
#lawyerdetail-window-content-right { width: 252px; right: 8px; position: absolute; top: 36px; text-align: right; }

.column-left 	{ position: absolute; left: 0; width: 707px; }
.column-right 	{ position: absolute; right: 0;  width: 256px; padding-left: 17px; }

#intro .help-block { position: absolute; right: 0; top: 0; }
#intro .help-block p { padding: 0; margin: 0; }
#intro.searchinput .help-block { width: 240px; height: 171px; /*256x187*/ padding: 8px; font-size: 11px; background-image: url(/data/images/2/5/help_block_searchinput.png); }
#intro.searchresult .help-block { width: 240px; height: 87px; /*256x103*/ padding: 8px; font-size: 11px; background-image: url(/data/images/2/6/help_block_searchresult.png); }
#intro.officedetail .help-block { width: 240px; height: 187px; /*256x203*/ padding: 8px; font-size: 11px; background-image: url(/data/images/2/7/help_block_officedetail.png); }
#intro.lawyerdetail .help-block { width: 240px; height: 187px; /*256x203*/ padding: 8px; font-size: 11px; background-image: url(/data/images/2/7/help_block_officedetail.png); }
#intro.compare .help-block { width: 240px; height: 187px; /*256x203*/ padding: 8px; font-size: 11px; background-image: url(/data/images/2/7/help_block_officedetail.png); }

.three-column-left 	{ float: left; width: 434px; }
.three-column-center	{ float: left; width: 254px; margin-left: 19px; }
.three-column-right	{ float: left; width: 254px; margin-left: 19px; }

.two-column-left 	{ float: left; width: 707px; }
.two-column-right 	{ float: left; width: 254px; margin-left: 19px; }

.column-stop		{ clear: both; }


#footer 	{ display: none; }

#menu-top 	{ display: none; }

h1 { font-size: 28px; }
h2 { color: #088; font-size: 18px; }
h3 { position: relative; color: #088; font-size: 15px; margin: 0 0 6px 0; padding: 0 0 4px 0; border-bottom: 1px solid #088; }
h3 img { position: absolute; right: 0; top: -3px; }
h4 { color: #088; font-size: 15px; } 

ul { padding-left: 16px; font-size: 12px; line-height: 18px; }

a { color: #088; text-decoration: none; }
a:hover { color: #088; text-decoration: underline; color: #066; }

.ba-content-table 		{ font-size: 12px;}
.ba-content-table th 		{ color: #666; width: 140px; text-align: left; font-weight: normal; vertical-align: top;  }
.ba-content-table th.top 	{ vertical-align: top; }
.ba-content-table td 		{ vertical-align: top; }
.ba-content-table td.spacer 	{ font-size: 10px; }

.ba-content-table-with-lines th { border-bottom: 1px solid #e7e7e7; }
.ba-content-table-with-lines td { border-bottom: 1px solid #e7e7e7; }

.grey-text { color: #666; }

.compare-table				{ margin-bottom: 10px; table-layout: fixed; }
.compare-table td			{ vertical-align: top; }

.compare-table-sub-body		{ display: none; }
.compare-table-sub-body td { height: 24px; font-size: 11px; line-height: 18px; }

.compare-row-main-first		{ width: 226px; background: url(/data/images/3/5/compare_head_left.png); height: 28px; padding-left: 8px; padding-right: 3px; font-weight: bold; font-size: 14px; vertical-align: middle !important; }
.compare-row-main-second	{ width: 226px; background: url(/data/images/3/6/compare_head_center.png); height: 28px; padding: 0 3px; font-weight: bold; font-size: 14px; vertical-align: middle !important; }
.compare-row-main-third		{ width: 226px; background: url(/data/images/3/7/compare_head_right.png); height: 28px; padding-right: 7px; padding-left: 3px; font-weight: bold; font-size: 14px; vertical-align: middle !important; }
.compare-row-main-third	div	{ float: left; }
.compare-row-main-third	img	{ float: right; width: 18px; height: 18px; cursor: pointer; }
.compare-row-main-explain	{ padding-left: 19px; vertical-align: bottom !important; }
.compare-row-main-explain div { font-size: 12px; font-weight: bold; color: #088; border-bottom: 1px solid #088; padding-bottom: 2px; }

.compare-row-sub-first 		{ padding: 3px; padding-left: 8px; border-bottom: 1px solid #bbb; border-left: 1px solid #bbb;  }
.compare-row-sub-second 	{ padding: 3px; border-bottom: 1px solid #bbb; }
.compare-row-sub-third 		{ padding: 3px; padding-right: 7px;border-bottom: 1px solid #bbb; border-right: 1px solid #bbb;   }
.compare-row-sub-explain 	{ padding: 3px; padding-left: 19px;  }

.compare-window-table				{ table-style: fixed; width: 691px; margin: 8px 5px 0; }
.compare-window-table-row-image td img	{ border: 0; }
.compare-window-table-row-name td	{ font-size: 13px; font-weight: bold; vertical-align: top; }

#smartpath 	{ }
#smartpath .button	{ border: 1px solid #fff; display: inline; float: left; line-height: 21px; }
#smartpath .button-active	{ border: 1px solid #bbb; color: #044; }
#smartpath .button a { -moz-outline-style: none; }
#smartpath .submenuholder	{ position: relative; z-index: 200; }
#smartpath .submenu	{ z-index: 300; display: none; position: absolute; left: -1px; top: 23px; border: 1px solid #bbb; background: white; }
#smartpath .submenu ul { z-index: 400; position: relative; float: left; margin: 0; padding: 0; list-style: none; }
#smartpath .submenu ul li { display: block ;white-space: nowrap; }
#smartpath .submenu ul li a { position: relative; display: block; background: #fff; padding: 3px 8px 3px 24px; font-size: 11px; background-position: 4px 4px; background-repeat: no-repeat; }
#smartpath .submenu ul li a:hover { background-color: #dfd; }
#smartpath .submenu ul li.on a { font-weight: bold; background-image: url(/data/images/6/7/tick.png); }
#smartpath .submenu ul li.del a { color: red; border-bottom: 1px solid #aaa;  background-image: url(/data/images/6/6/cancel.png); }
#smartpath .submenu ul li.del a:hover { background-color: #fdd; }
#smartpath .buttonText	{ display: block; text-decoration: none; padding: 1px 6px; }

.smartpath 	{ }
.smartpath .button	{ margin-right: 1px; background: url(/data/images/7/1/sp-comma.png) no-repeat bottom right; border: 1px solid #fff; display: inline; float: left; line-height: 21px; }
.smartpath .button-last { background: none; }
.smartpath .button-active	{ background: url(/data/images/7/2/sp-dropdown.png) no-repeat center right;  border: 1px solid #bbb; color: #044; }
.smartpath .button a { -moz-outline-style: none; }
.smartpath .submenuholder	{ position: relative; z-index: 200; }
.smartpath .submenu	{ z-index: 300; display: none; position: absolute; left: -1px; top: 23px; border: 1px solid #bbb; background: white; }
.smartpath .submenu ul { z-index: 400; position: relative; float: left; margin: 0; padding: 0; list-style: none; }
.smartpath .submenu ul li { display: block ;white-space: nowrap; }
.smartpath .submenu ul li a { position: relative; display: block; background: #fff; padding: 3px 8px 3px 24px; font-size: 11px; background-position: 4px 4px; background-repeat: no-repeat; }
.smartpath .submenu ul li a:hover { background-color: #dfd; }
.smartpath .submenu ul li.on a { font-weight: bold; background-image: url(/data/images/6/7/tick.png); }
.smartpath .submenu ul li.del a { color: red; border-bottom: 1px solid #aaa;  background-image: url(/data/images/6/6/cancel.png); }
.smartpath .submenu ul li.del a:hover { background-color: #fdd; }
.smartpath .buttonText	{ display: block; text-decoration: none; padding: 1px 9px 1px 3px; }

.search-filter {}
.search-filter h2 { font-weight: bold; font-size: 12px; color: #000; margin-bottom: 2px; }
.search-filter ul { margin: 0 0 12px 0; padding: 0; list-style: none; }
.search-filter ul li { line-height: 20px; }
.search-filter ul li a span.hits { color: #666; }
.search-filter div { margin: 0 0 12px 0; }

#location-detail-popup { position: absolute; z-index: 500; padding: 10px; background: #fff; border: 1px solid #444; }