@import "common.css";

#main #map{
	float: left;
	margin-top:5px;
}

#main #map .area{
	width: 370px;
}

#main #list{
	margin: 10px 0px;
	width: 598px;
}

#main #list .area{
	overflow: auto;
	padding:3px;
}

#main #list .area .column{
	float:left;
	width:23%;
	_width:22%;
	margin:0px 5px;
}


#main #list .area .entity, #main #list .area .entity_selected, #main #list .area .municipality, #main #list .area .municipality_selected, #main #munGroups .municipality, #main #munGroups .municipality_selected{
	color: #000000;
	cursor: default;
	padding-left: 10px;
	margin-left: 2px;
	background: #ffffff url('../images/whitesquare.gif') no-repeat scroll 2px 5px;
}

#main #list .area .entity, #main #list .area .entity_selected{
	font-weight:bold;
	border-bottom:1px solid #000000;
	margin: 10px 0px 5px 0px;
	display:block;
}

#main #list .area .municipality, #main #list .area .municipality_selected, #main #munGroups .municipality, #main #munGroups .municipality_selected {   
    border-width:0px;
    width:140px;
    text-align:left;
    background: #ffffff url('../images/whitesquare.gif') no-repeat scroll 2px 5px;
}

#main #list .area .municipality_selected, #main #list .area .entity_selected, #main #munGroups  .municipality_selected
{
	background-image: url('../images/blacksquare.gif');
}

#main #list .area .municipality:hover, #main #list .area .municipality_selected:hover, #main #munGroups .municipality:hover, #main #munGroups .municipality_selected:hover{
	text-decoration:underline;
}

.mungroupsdesc {
	color:#aaaaaa;
	padding:5px;
	margin:0px;
}

#main #newgroup {
	background-color:#ffffff;
	border: 1px solid #777777;
	color:#777777;
	margin-left:5px;	
}

#main #newgroup:hover {
	background-color:#cccccc;
	border: 1px solid #777777;
	color:#ffffff;
	margin-left:5px;	
}