﻿/* Projectsale CSS
-----------------------------------------------------------------------------*/


/* Basic
-----------------------------------------------------------------------------*/
#body-legacy #leftcol						{ float: left; padding: 0; color: #323232; width: 507px; }
#body-legacy #rightcol						{ float: left; margin: 0 0 0 25px; width: 186px; }

#body-legacy #content						{ float: left; margin: 0 0 0 15px; }
#body-legacy #content .wide					{ width: 507px !important; }
#body-legacy #content #sidebar				{ float: left; width: 179px; margin: 0 0 5px 18px; }
#body-legacy #content #textarea				{ float: left; width: 342px; clear: both; margin: 0; padding-bottom: 0; }
#body-legacy #textarea						{ float: left; width: 342px; clear: both; margin: 0; padding-bottom: 0; }
#body-legacy #text-area a					{ color: #BE1328; }
#body-legacy .header-image					{ margin-bottom: 20px; }
#body-legacy .header-image					{ margin-bottom: 20px; }
/*#body-legacy .header-image button			{ color: #000 !important; background: none !important; display: block; background: url(/images/bg-link.gif) no-repeat 0 6px!important; padding: 1px 0 1px 7px; line-height: 15px; text-decoration: none; width: auto !important; float: left !important}*/

/* Text and navigation box 
----------------------------------------------------------------------------*/
#body-legacy .borderbox img					{ display: block; position: relative; right: 0; top: 0; }
#body-legacy .borderbox_empty				{ line-height: 0; *margin-top: -4px; } 
#body-legacy .borderbox_empty img			{ position: relative; background: #F7F6F1; border: 1px solid #EBE7DF; margin: 0 0 15px; padding: 15px; *margin-top: 4px;}
#body-legacy .borderbox_empty table a img	{ display: inline; background: none; border: none; padding: 0;  } /* admin */
#body-legacy .borderbox_empty button			{ padding-top: 8px; }

/* Box - Project frontpage 
-----------------------------------------------------------------------------*/
#facts				 			{ overflow: hidden; position: relative; height: auto; }
#facts p						{ margin: 0px; }
#facts #description				{ margin-bottom: 9px; }	
#facts #details					{ width: 218px; }
#facts #details .address		{ display: block; }
#facts #details .openhouse		{ display: block; color: #008102; margin: 15px 0; font-weight: 700; }
#facts #details .openhouse 		{ font-weight: normal; }
#facts #details .addressimg 	{ float: left; padding: 0 9px 0 0; }
#facts #details .addressimg img { width: 84px; height: 56px; }
#facts #details .addresslabel	{ float: left; position: relative; bottom: 0px; }

#facts #img_thumbs 				{ position: absolute; bottom: 0px; *bottom: 13px; margin: 9px 0 1px 0; width: 218px; display: block }
#facts #img_thumbs li 			{ float: left; list-style-type: none; }
#facts #img_thumbs a 			{ float: left; width: 56px; height: 37px; overflow: hidden; background: none; border: 1px solid #007E3E; margin: 5px 10px 14px 2px;  }
#facts #img_thumbs a img 		{ width: 56px; position: static; }
#facts #img_thumbs a:hover,
#facts #img_thumbs a.current	{ border: 3px solid #6db374 !important; margin: 3px 8px 12px 0px;}

#facts #img_wrap 				{ float: right; width: 288px; position: relative; }
#facts #img_wrap img 			{ width: 288px; }
#facts div.img_banner			{ position: absolute; top: 0; right: 0px; width: 76px; height: 88px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/projectsale/openhouse-bg.png');}
#facts div[class=img_banner]	{ background: url(/images/projectsale/openhouse-bg.png) no-repeat; }


/* Box with shadow - projectpages
-----------------------------------------------------------------------------*/
#body-legacy #content .fullsize		 		{ width: 537px; height: 243px; }
#body-legacy #content .halfsize				{ width: 310px; float: left; }
#body-legacy #content .simplebox 			{ float: left; background-color: #f3f2ee; border: 1px solid #ebe7de; margin: 0 0 15px 0; }


/* Frontpage
-----------------------------------------------------------------------------*/
#leftcol .teaser				{ width: 230px; padding: 0 0 15px; margin-top: 8px; line-height: 15px; }
#leftcol .teaser a				{ float: left; clear: left; cursor: hand; cursor: pointer; }
#leftcol .teaser h3				{ font-weight: normal; text-transform: uppercase; }
#leftcol .teaser img 			{ float: left; margin: 5px 0 0; }
#leftcol .teaser p				{ margin: 0.5em 0; }
#leftcol .teaser strong			{ font-weight: 700; font-size: 12px; }
#leftcol .padding-left			{ margin-left: 44px; }

#rightcol .search				{ float: left; background: #f7f6f1; border: 1px solid #ebe7de; width: 166px; padding: 12px 10px 15px; }	
#rightcol .search h3			{ margin: 0 0 11px; padding: 0px 6px; text-transform: uppercase; color: #fff; background: #bf1427; font: bold 10px/17px Verdana, Arial, sans-serif; }	
#rightcol .search h4			{ margin: 6px 0 3px 6px; padding: 0; text-transform: uppercase; font-weight: 700; }	
#rightcol .search label 		{ position: relative; top: 0px; left: 2px; }
#rightcol .search input			{ position: relative; left: 0px; width: auto; border: none; }
#rightcol .search .btn			{  float: right;   }
#rightcol #checkboxlist			{ margin-left: 4px; }


/* Search by region - map
-----------------------------------------------------------------------------*/
#region-map						{ float: left; width: 160px; height: 160px; margin: 0 0 8px 5px; }
#region-map	#kortholder			{ position: absolute; z-index: 1; display: block; width: 160px; height: 160px; background: url(/images/ProjectSale/region-as-layers.gif) no-repeat; cursor: pointer; cursor: hand; }
#region-map	#kortholder div		{ background: url(/images/ProjectSale/region-as-layers.gif) no-repeat; } 
#region-map	#List_0				{ position: absolute; z-index: 2; background-position: 0px -160px!important; width: 160px; height: 160px; } /* Hovedstaden */
#region-map	#List_1				{ position: absolute; z-index: 2; background-position: 0px -320px!important; width: 160px; height: 160px; } /* Sjælland */
#region-map #List_2				{ position: absolute; z-index: 4; background-position: 0px -640px!important; display: none; width: 160px; height: 160px; } /* syddanmark */
#region-map #List_3		 		{ position: absolute; z-index: 5; background-position: 0px -800px!important; display: none; width: 160px; height: 160px; } /* midtjylland */
#region-map #List_4				{ position: absolute; z-index: 6; background-position: 0px -960px!important; display: none; width: 160px; height: 160px; } /* nordjylland */
#region-map .overlay			{ position: absolute; z-index: 10; background-repeat: no-repeat; width: 160px; height: 160px; cursor: pointer; overflow: hidden; }
#region-map #kortholder .hide	{ display: none; }
#region-map #kortholder .show	{ display: block; }


/* grid table with animated open/close functionality
-----------------------------------------------------------------------------*/
#body-legacy .collapsable-grid div.collapsable-container { overflow: hidden; width: 100%; }


/* Administration editing controls
-----------------------------------------------------------------------------*/
#body-legacy .admineditdefault				{ display: block; float: none; clear: both; }
#body-legacy .editmode .borderbox img		{ display: inline; position: static;  height: auto; width: auto; }
#body-legacy .editmode #employee-list-text	{ width: 0; margin: 0 }


/* Leftmenu
-----------------------------------------------------------------------------*/
#navcontainer					{ float: left; background-color: #f3f2ee; border: 1px solid #ebe7de; }
#leftmenu						{ border-top: 1px solid #ebe7de; width: 150px; margin: 9px; }
#leftmenu li					{ line-height: 15px; padding: 4px 0; list-style: none; border-bottom: 1px solid #ebe7de; background-color: #fff; }
#leftmenu li a					{ background: url(/images/ProjectSale/icons.gif) no-repeat; background-position: 100% 100%; padding-left: 17px; display: block; color: #000; }
#leftmenu ul 					{ padding: 4px 0 0 6px; }
#leftmenu ul li 				{ border: none; padding: 1px 4px 1px 0; background: transparent; width: 96%; }
#leftmenu ul li a				{ padding: 0 0 0 18px; }
#leftmenu #active				{ background: #ffffff url(/images/ProjectSale/leftmenu-bg.gif) top right repeat-y; }
#leftmenu #current				{ color: #bb1217; background-position: 6px 5px; }
#leftmenu #current:hover		{ text-decoration: none; }
#leftmenu ul #current			{ background-position: 0px 5px;  }

#left-nav 						{ background-color: #f3f2ed; border: 1px solid #ccc; /*font-size: 85%;*/ margin: 0 0 2em; padding: 1.25em 1.25em 0; }
#left-nav h2 					{ background: #fff; color: #bc121b; font-size: 100%; font-weight: 900; font-family: Verdana; margin: 0 0 0.1em; padding: 0.4em 0 0.2em 0.9em; }
#left-nav ul 					{ background: #fff; width: 100%; margin: 0 0 1em; padding: 0.4em 0; }
#left-nav ul li 				{ list-style: none;  }
#left-nav ul li a				{ white-space: normal; margin: 0.1em 0 0.1em 1em; }
