@charset "utf-8";
/* CSS Document */

#elementList{
	vertical-align:top;
	display:inline-block;
	border:medium groove #666;
	width:280px;
	background:#333;
	padding: 2px;
}

#elementList > li{
	position:relative;
	width: 64px;
	height: 64px;
	color:#FFF;
	vertical-align: middle;
	text-align:center;
	margin: 2px;
	border:1px dashed #CCC;
	display:inline-block;
	overflow:hidden;
}

#elementList > li:hover{
	border-color:#333
}

#elementList > li.tiletypeland{
	border-color:#0F0;
}

#elementList > li.tiletyperesource{
	border-color:#0F0;
}

#elementList > li.tiletypetower{
	border-color:#CCC;
}

#elementList > li.tiletypeshore{
	border-color:#09F;
}

#elementList > li.tiletypenone{
	border-color:#F00;
}

#field {
	position:relative;
	vertical-align:top;
	display:inline-block;
	/*
	width: 693px;
	height: 693px; */
	/*
	border-top:1px solid #999;
	border-left:1px solid #999;
	*/
	background-image:url(/imgs/texture_bg_tile_big_city.4th.png);
	background-repeat:repeat;
	background-position:top left;
	padding:15px 25px ;
}

#field > #fieldwrapper {
	position:relative;
	vertical-align:top;
	width: 672px;
}

#field > .grid#fieldwrapper {
	position:relative;
	vertical-align:top;
	width: 673px;
	border-top:1px solid #999;
	border-left:1px solid #999;
	padding-left:-1px;
	padding-top:-1px;
}

#field #watercityoverlay{
	position:absolute;
	bottom:0px;
	right:0px;
}

#field > #fieldwrapper > div{
	position:relative;
	width: 32px;
	height: 20px;
	color:#FFF;
	vertical-align: middle;
	text-align:center;
	margin: 0px;
	/*
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	*/
	display:inline-block;
}

#field > #fieldwrapper > div.yui3-dd-drop-over{
	background-image:url(/designer/images/decal_building_valid.png);/**/
	background-position:center;
	background-repeat:no-repeat;
}

#field > .grid#fieldwrapper > div{
	position:relative;
	width: 31px;
	height: 19px;
	color:#FFF;
	vertical-align: middle;
	text-align:center;
	margin: 0px;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	/*
	*/
	display:inline-block;
}

#field > #fieldwrapper > div > *{
	margin-top:-12px;
}