body { 
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-color: black;
	color: white;
	overflow: hidden;
}

#main_div {
	background-color: black;
	background-image: url("images/black.png");
	cursor: move;
}

#menu_bar {
	position: absolute;
	width: 100%;
	height: 256px;
	background-color: #000044;
	border-style: solid;
	border-color: #000088;
	border-width: 2px 0px 0px;
}

#help_window{ 
	width: 75%;
}

#help_body{
	height: 512px;
	overflow-y: scroll;
}

*.new_tile {
	background-color: #888888;
	margin: 2px;
	float: left;
}

*.tool {
	border-style: solid;
	border-color: #000000;
	border-width: 2px;
}

*.object {
	float: left;
	margin: 2px;
}

*.tile_stone_wall {
	background-image: url("images/tiles.png");
	background-position: 0px 0px;
}
*.tile_stone_floor {
	background-image: url("images/tiles.png");
	background-position: -64px 0px;
}
*.tile_dirt_wall {
	background-image: url("images/tiles.png");
	background-position: -128px 0px;
}
*.tile_dirt_floor {
	background-image: url("images/tiles.png");
	background-position: -192px 0px;
}
*.tile_grass {
	background-image: url("images/tiles.png");
	background-position: 0px -64px;
}
*.tile_water {
	background-image: url("images/tiles.png");
	background-position: -64px -64px;
}

*.tile_tree {
	background-image: url("images/tiles.png");
	background-position: -256px 0px;
}
*.tile_plank {
	background-image: url("images/tiles.png");
	background-position: -320px 0px;
}
*.tile_chest {
	background-image: url("images/tiles.png");
	background-position: -384px 0px;
}
*.tile_window {
	background-image: url("images/tiles.png");
	background-position: -448px 0px;
}
*.tile_bow {
	background-image: url("images/tiles.png");
	background-position: -256px -384px;
}
*.tile_axe {
	background-image: url("images/tiles.png");
	background-position: -320px -384px;
}
*.tile_sword {
	background-image: url("images/tiles.png");
	background-position: -384px -384px;
}
*.tile_skull {
	background-image: url("images/tiles.png");
	background-position: -448px -384px;
}
*.tile_staff {
	background-image: url("images/tiles.png");
	background-position: -448px -320px;
}
*.tile_dagger {
	background-image: url("images/tiles.png");
	background-position: -384px -320px;
}
*.tile_bang {
	background-image: url("images/tiles.png");
	background-position: -320px -448px;
}
*.tile_q {
	background-image: url("images/tiles.png");
	background-position: -256px -448px;
}


#delete_tile {
	background-image: url("images/tiles.png");
	background-position: -448px -448px;
	width: 64px;
	height: 64px;
	float: left;
	margin: 2px;
}
#move_tool {
	background-image: url("images/tiles.png");
	background-position: -384px -448px;
	width: 64px;
	height: 64px;
	float: left;
	margin: 2px;
}

#toolbox {
	width: 308px;
}

#new_tile_dragger{
	position: absolute;
	left: 0px;
	top: 0px;
	background-image: url("images/tiles.png");
	background-position: 0px 0px;
}

#save_ok_btn {
	float: right;
}

#new_object {
	background-image: url("images/tiles.png");
	background-position: -448px -384px;
}
#edit_object_tile {
	background-image: url("images/tiles.png");
	background-position: -448px -384px;
}

#object_info {
	width: 308px;
}

#object_desc {
	white-space: pre-wrap;
}

*.float_right {
	float: right;
}
*.float_left {
	float: left;
}

*.tool {
	cursor: pointer;
}

*.tile {
	background-color: #00ffff;
}

*.window {
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0px;
	background-color: #004400;
	border-color: #007700;
	border-style: solid;
	border-width: 2px;
	border-radius: 5px;
	z-index: 1;
}

*.window *.head {
	background-color: #008800;
	padding: 6px;
	font-weight: bold;
	cursor: move;
}

*.window *.body {
	padding: 6px;
}

*.window hr {
	margin: 0px;
	padding: 0px;
	background-color: #008800;
	height: 2px;
	border-style: none;
}

*.window *.body button {
	margin-top: 4px;
}

*.window *.close_btn {
	width: 16px;
	height: 16px;
	padding: 0px;
	margin: 0px;
	background-image: url("images/close_btn.png");
	float: right;
	cursor: pointer;
}

*.tab_tabs {
	clear: both;
}

*.tab_panel {
	clear: both;
}

.tab {
	font-weight: bold;
	margin: 2px 2px 0px 0px;
	border-style: solid;
	border-color: #007700;
	border-width: 2px;
	position: relative;
	top: 2px;
	padding: 2px 4px 2px;
	background-color: #002200;
	cursor: pointer;
}

.tab.active {
	border-bottom-color: #004400;
	background-color: #004400;
}

.tab_panel {
	border-style: solid;
	border-color: #007700;
	border-width: 2px;
	padding: 2px;
	height: 360px;
}

*.button {
	width: 52px;
	height: 52px;
	background-color: #888888;
	margin: 2px;
	padding: 2px;
	border-style: solid;
	border-color: #dddddd #666666 #444444 #aaaaaa;
	border-width: 2px;
	cursor: pointer;
}

*.button:active {
	border-color: #444444 #aaaaaa #dddddd #666666;
}

*.menu_item {
}