body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	/*background: #fff url(images/body_bg.gif) repeat-x 0 0;*/
	background-color: #ccc;
	font-size: 12px;
	text-align: center;
}
th {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #4C4C4C;
	font-size: 12px;
	text-align: left;
}
td {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #4C4C4C;
	font-size: 12px;
	text-align: left;
}	
h1 {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: #306190; 
	font-size: 22px;
	font-weight: normal;
	margin-top: 3px;
	padding-bottom: 0px;
	margin-bottom: 16px;
}
h2 {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: #306190; 
	font-size: 18px;
	font-weight: normal;
	margin-top: 3px;
	padding-bottom: 0px;
	margin-bottom: 10px;
}
h2.alt {
	background-color: #6B8DB3; 
	color: #fff;
	padding-left: 5px;
	width: 98%;
}
h3 {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: #306190; 
	font-size: 15px;
	font-weight: bold;
	margin-top: 8px;
	padding-bottom: 0px;
	margin-bottom: 5px;
}	
p{
	margin: 5px 0;
}
a:link,
a:visited{
	color: #666666;
}
a:active,
a:hover{
	color: #666666;
}
a img{
	border: none;
}
div.hr{
	clear: both;
	height: 1px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
div.hr hr{display: none;}
.alert {
	color: #FF0000;
	font-weight: bold;
}

.success 
{
	font-weight: bold;
}

.requiredfield {
	color: #999999;
	font-size: 14px;
	font-weight: bold;
}
.listheader {
	background-color: #d0dae6;
	font-weight: bold;	
}	
.listitem {
}		
.altlistitem {
	background: #ECECEC;
}			
.propertylist {
	font-family: Verdana, Helvetica, sans-serif;	
	background: #F7F7F7;
	font-size: 9px;
}
.propertylistheading {
	background: #d0dae6;
	color: #556A7A;
}
.map-active {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #355E8C;
	font-size: 11px;
}
.map-inactive {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #767F86;
	font-size: 11px;
}
.blue {
	color: #0177BD;
}
.txt1 {
	background: #FFFFFF;
	border-bottom: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.txt2 {
	background: #FFFFFF;
	border-bottom: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
}
.txt3 {
	background: #FFFFFF;
	border-bottom: #716G64 1px solid;
	border-left: #716G64 1px solid;
	border-right: #716G64 1px solid;
	border-top: #716G64 1px solid;
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}
.txt4 {
	background: #FFFFFF;
	border-bottom: #0177BD 1px solid;
	border-left: #0177BD 1px solid;
	border-right: #0177BD 1px solid;
	border-top: #0177BD 1px solid;
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.select1 {
	background: #FFFFFF;
	border-bottom: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.btn1 {
	color: #000000;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	background-color: #cccccc;
	padding: 1px 1px 1px 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
}
.btn2 {
	color: #000000;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px;
	background-color: #cccccc;
	padding: 1px 1px 1px 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
}
.btn3 {
	color: #000000;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	background-color: #cccccc;
	padding: 1px 1px 1px 1px;
	border-color: #716G64;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
}
.btn4 {
	color: #000000;
	font-weight: normal;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	background-color: #cccccc;
	padding: 1px 1px 1px 1px;
	border-color: #716G64;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
}
.pageBackground {
	background: #FFFFFF;
}	
.footer {
	/*color: #B2B2B2;*/
	color: #666;
}
.menuBar {
 	background: #E5E5E5;
}
.menuBarSelected {
	background: #B24D19;
}
.topMenu {
	font-family: Verdana, Helvetica, sans-serif;
	background: #6B8DB3;
	color: #FFFFFF;
	font-size: 10px;	
}
.topMenuSelected {
	font-family: Verdana, Helvetica, sans-serif;
	background: #6B8DB3;
	color: #FFFFFF;
	font-size: 10px;	
	font-weight: bold;
}
a.topmenu:link,
a.topmenu:visited{
	color: #FFFFFF; 
	font-weight: normal;			
	text-decoration:none;
}	   	
a.topmenu:active,
a.topmenu:hover{
	color: #FFFFFF; 
	font-weight: normal;			
	text-decoration:none;
}	   	   	
a.topmenuSelected:link,
a.topmenuSelected:visited{
	color: #FFFFFF; 
	font-weight: bold;			
	text-decoration:none;
}	   
a.topmenuSelected:active,
a.topmenuSelected:hover{
	color: #FFFFFF; 
	font-weight: bold;			
	text-decoration:none;
}	   	   	
a.leftmenu:link,
a.leftmenu:visited{
	color: #484D53; 
	font-weight: bold;			
	text-decoration:none;
}	   
a.leftmenu:active,
a.leftmenu:hover{
	color: #484D53; 
	font-weight: bold;			
	text-decoration:none;
}	   	   	
a.footer:link,
a.footer:visited{
	/*color: #B2B2B2;*/
	text-decoration: none;	
}
a.footer:active,
a.footer:hover{
	text-decoration: underline;	
}
a.blue:link,
a.blue:visited{
	color: #0177BD;
	text-decoration: none;	
}
a.blue:active,
a.blue:hover{
	color: #0177BD;
	text-decoration: none;	
}
a.map-active:link,
a.map-active:visited{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #355E8C;
	font-size: 11px;
	text-decoration: none;	
}
a.map-active:active,
a.map-active:hover{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #355E8C;
	font-size: 11px;
	text-decoration: none;	
}
#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}
#map {
	text-align: left;
	width: 200px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
#map #county1image {
	float: left;
	top: 60; 			
	left: 130px;
	width: 18px; 
	margin: 0px 0px 0px 0px;
	position: absolute;
}
#map #county2image {
	float: left;
	top: 130px; 			
	left: 102px;
	width: 18px; 
	margin: 0px 0px 0px 0px;
	position: absolute;
}
#map #county3image {
	float: left;
	top: 180px; 			
	left: 55px;
	width: 18px; 
	margin: 0px 0px 0px 0px;
	position: absolute;
}	

#map #county4image {
	float: left;
	top: 185px; 			
	left: 105px;
	width: 18px; 
	margin: 0px 0px 0px 0px;
	position: absolute;
}
#map #county5image {
	float: left;
	top: 235px; 			
	left: 85px;
	width: 18px; 
	margin: 0px 0px 0px 0px;
	position: absolute;
}	

#map #county6image {
	float: left;
	top: 250px; 			
	left: 55px;
	width: 18px; 
	margin: 0px 0px 0px 0px;
	position: absolute;
}
#map #county7image {
	float: left;
	top: 288px; 			
	left: 34px;
	width: 18px; 
	margin: 0px 0px 0px 0px;
	position: absolute;
}
#map #county8image {
	float: left;
	top: 300px; 			
	left: 62px;
	width: 18px; 
	margin: 0px 0px 0px 0px;
	position: absolute;
}
#map #county9image {
	float: left;
	top: 287px; 			
	left: 81px;
	width: 18px; 
	margin: 0px 0px 0px 0px;
	position: absolute;
}
#map #county10image {
	float: left;
	top: 282px; 			
	left: 105px;
	width: 18px; 
	margin: 0px 0px 0px 0px;
	position: absolute;
}
#map #county11image {
	float: left;
	top: 302px; 			
	left: 117px;
	width: 18px; 
	margin: 0px 0px 0px 0px;
	position: absolute;
}
#map #county12image {
	float: left;
	top: 308px; 			
	left: 87px;
	width: 18px; 
	margin: 0px 0px 0px 0px;
	position: absolute;
}
#map #county13image {
	float: left;
	top: 329px; 			
	left: 68px;
	width: 18px; 
	margin: 0px 0px 0px 0px;
	position: absolute;
}
#map #county14image {
	float: left;
	top: 332px; 			
	left: 27px;
	width: 18px; 
	margin: 0px 0px 0px 0px;
	position: absolute;
}
#map #county15image {
	float: left;
	top: 357px; 			
	left: 50px;
	width: 18px; 
	margin: 0px 0px 0px 0px;
	position: absolute;
}
#map #county16image {
	float: left;
	top: 365px; 			
	left: 82px;
	width: 18px; 
	margin: 0px 0px 0px 0px;
	position: absolute;
}
#map #county17image {
	float: left;
	top: 360px; 			
	left: 107px;
	width: 18px; 
	margin: 0px 0px 0px 0px;
	position: absolute;
}
#map #county18image {
	float: left;
	top: 377px; 			
	left: 18px;
	width: 18px; 
	margin: 0px 0px 0px 0px;
	position: absolute;
}
#map #county19image {
	float: left;
	top: 380px; 			
	left: 55px;
	width: 18px; 
	margin: 0px 0px 0px 0px;
	position: absolute;
}
#map #county20image {
	float: left;
	top: 403px; 			
	left: 65px;
	width: 18px; 
	margin: 0px 0px 0px 0px;
	position: absolute;
}
#map #county21image {
	float: left;
	top: 404px; 			
	left: 32px;
	width: 18px; 
	margin: 0px 0px 0px 0px;
	position: absolute;
}
/* Christers tillägg
=======================================*/
/* LAYOUT */
#page-wrap{
	width: 760px;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
	overflow: hidden;
}
#wrap{
	float: left;
	width: 760px;
}
#header{
	position: relative;
}
#content{
	background-color: #E5E5E5;
	border: none;
	border-collapse: collapse;
	width: 100%;
}
#side-menu{
	background-color: #d0dae6;
	width: 200px;
	vertical-align: top;
}
#main{
	padding: 10px 10px 10px 10px;
	vertical-align: top;
}
#sidebar{
	width: 220px;
	vertical-align: top;
}
#search #sidebar{
	width: 140px;
	vertical-align: top;
}
div#message{
	position: absolute;
	top: 2px;
	right: 10px;
}
#nav-bar{
	width: 736px;
}
body#search #page-wrap,
body#search #wrap{
	width: 960px;
}
body#search #nav-bar{
	width: 936px;
}
body#backoffice #page-wrap,
body#backoffice #wrap{
	width: 960px;
}
body#backoffice #nav-bar{
	width: 936px;
}
/*Banner-list*/
#banner-list{
	margin: 40px 10px 0 0;
}
#banner-list li 
{
	list-style-type: none;
	margin: 5px;
}

#banner-list ul{
	margin: 0;
	/*background-color: #fff;*/
	padding: 1px 0;
}

#banner-list ul a img{
	border: none;
	margin: 0;
	padding: 0;
}
/* Banner */
#header .banner{
	margin: 20px 0 0 0;
}
/* Tabeller */
table.plain{
	border: none;
	width: 100%;
	border-collapse: collapse;
	background-color: #f2f2f2;
	margin-bottom: 10px;
}
table.plain th{
	background-color: #d0dae6;
	text-align: left;
	padding: 2px 4px;
}
table.plain td{
	padding: 2px 4px;
}
table.plain tr.alt td{
	background-color: #ececec;
}
table.plain td a:link,
table.plain td a:visited{
	text-decoration: none;
}
table.plain td a:hover,
table.plain td a:active{
	text-decoration: underline;
}
/* TopNavigation */
#top-nav{
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	zoom: 1;
	background: #6B8DB3 url(images/top_nav_bg.gif) repeat-x 0 0;
}
#top-nav li{
	float: left;
	border-top: 10px solid #e5e5e5;
}
#top-nav li.active{
	border-color: #B24D19;
}
#top-nav li a:link,
#top-nav li a:visited{
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	display: block;
	padding: 2px 30px 3px 30px;
	float: left;
	color: #fff;
	text-decoration: none;
}
#top-nav li.active a{
	font-weight: bold;
}
/* Specialkolumner*/
table.plain th.status,
table.plain td.status{
	text-align: center;
}
table.plain td.status img{
	vertical-align: middle;
}
table.plain td.date{
	white-space: nowrap;
}
tr.ruled{
	background-color: #D0DAE6;
}
#filter{
	margin: 0 0 10px 0;
}
#filter .fields{
	float: left;
	width: 480px;
}
#filter .fields select{
	float: left;
}
#filter .fields div{
	float: left;
	height: 25px;
}
#filter .buttons{
	float: right;
	width: auto;
}
#subscription-list h3{
	position: relative;
}
#subscription-list h3 span{
	display: block;
	position: absolute;
	top: 3px;
	right: 13px;
	font-size: 12px;
	background-color: #cccccc;
	padding: 2px 10px;
	border: none;
}
#subscription-list h3 span a.add-link:link,
#subscription-list h3 span a.add-link:visited{
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	font-size: 12px;
}
#subscription-list h3 span a.add-link:hover,
#subscription-list h3 span a.add-link:active{
	text-decoration: underline;
}
.error{
	padding: 5px;
	margin: 0 10px 10px 0;
	border-top: 1px solid #ea0000;
	border-bottom: 1px solid #ea0000;
	background-color: #eaeaea;
	color: #ea0000;
}
.error ul{
	margin: 5px 0 5px 20px;
	padding: 0;
}

/**** annonstyper av Fredrik ****/
.mini
{
	display: block;
	background-image: url(images/icons/mini.png);
	background-repeat: no-repeat; 
	height: 16px;
	width: 16px;
}
.mini span { display: none; }

.plus
{
	display: block;
	background-image: url(images/icons/plus.png);
	background-repeat: no-repeat; 
	height: 16px;
	width: 16px;
}
.plus span {display: none; }

.export 
{
	display: block;
	background-image: url(images/icons/export.png);
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
}
.export span { display: none; }

.import 
{
	display: block;
	background-image: url(images/icons/import.png);
	background-repeat: no-repeat;	
	height: 16px;
	width: 16px;	
}
.import span { display: none;	}


.banner
{
	display: block;
	background-image: url(images/icons/banners.png);
	background-repeat: no-repeat;	
	height: 16px;
	width: 16px;	
}
.banner span { display: none;	}

/* property-list */
#property-list{
	border: 1px solid #e5e5e5;
	border-collapse: collapse;
	width: 100%;
	margin: 10px 0;
	background-color: #f7f7f7;
}
#property-list th{
	background: #d0dae6;
	color: #000;
	padding: 2px 3px;
	vertical-align: bottom;
}
#property-list td{
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 2px 3px;
	border: 3px solid #e5e5e5;
	vertical-align: top;
}
body#search #center{
	padding: 10px;
}
/* tabellklasser */
.logo{
	width: 110px;
}
.ad-type{
	width: 65px;
}
.borough{
	width: 90px;
}
.description{
	
}
.floor-area{
	width: 50px;
	text-align: right;
}
.import span { display: none;	}


/* formulär */

fieldset{
	padding: 10px;
/*	border: none;
	border-top: 2px solid #D0DAE6; */
}
fieldset legend{
	font-size: 14px;
	color: #306190
}
fieldset dl{
	width: auto;
	overflow: hidden;
	margin: 5px 0 0 0;
}
fieldset dl dt{
	clear: left;
	float:left;
	width: 90px;
}
fieldset dl dd{
	/*float: left;*/
	margin: 0 0 5px 90px;
	position: relative;
}
fieldset dl .dates{
	clear: both;
	margin: 0;
}
fieldset dl .buttons{
	clear: both;
	float: none;
	margin-left: 90px;
}
div.buttons{
	margin: 10px 0;
}

/* välja datum */
.date-picker{
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 0;
	left: 150px;
	background-image: url(images/popUpCalendar.gif);
	background-repeat: no-repeat;
}
.date-picker span{
	display: none;
}

#codeHolder 
{
	display: none;
}

.checked 
{
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(images/icons/checked.gif);
}

.unchecked 
{
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(images/icons/unchecked.gif);
}

#schedule-list{
	position: relative;
}
#schedule-list h3 span {
	background-color:#CCCCCC;
	border:medium none;
	display:block;
	font-size:12px;
	padding:2px 10px;
	position:absolute;
	right:13px;
	top:3px;
}
#schedule-list h3 span a.add-link:link,
#schedule-list h3 span a.add-link:visited {
	color:#000000;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}



/* banner schema */
/* Banner Schema */
#banner-schema{
	/*border: 1px solid #333;*/
	border-collapse: collapse;
	empty-cells: show;
}
#banner-schema tbody th{
	border-bottom: 2px solid #fff;
}
#banner-schema thead th{
	border-bottom: 2px solid #333;
	background-color: #D0DAE6;
	text-align: center;
}

#banner-schema tbody td{
	width: 20px;
	height: 20px;
	background: #ffcc00 url(images/tompix.gif);
	border-bottom: 2px solid #fff;
	border-left: 1px solid #fff;
}
#banner-schema tbody td a{
	display: block;
	width: 100%;
	height: 100%;
}
#banner-schema tbody td a span{
	display: none;
}
#banner-schema td.notempty{
	background-color: #ffcc00;
}
#banner-schema td.full{
	background-color: #ff0000;
}
#banner-schema td.empty{
	background-color: #00FF33;
}

#banner-description td.notempty{
	background-color: #ffcc00;
}
#banner-description td.full{
	background-color: #ff0000;
}
#banner-description  td.empty{
	background-color: #00FF33;
}

/*
#banner-schema td.oldweek 
{
	background-color: #D0DAE6;
}
*/

 #banner-schema .oldweek 
{
 text-decoration: line-through;
}



#banner-description tbody td{
	width: 20px;
	height: 20px;
	/*border-left: 1px solid #eaeaea;*/
}

#banner-description .item-description 
{
	width: auto;
}

#add-banner span {
	background-color:#CCCCCC;
	border:medium none;
	display:block;
	font-size:12px;
	padding:2px 10px;
	position:absolute;
	right:13px;
	top:3px;
}