html, body {
	font-family: 'lucida grande', helvetica, arial, sans-serif;
	height: 100%;
	line-height: 1.4em;
	margin: 0; padding: 0;
}
h1 {
	background-color: #333;
	color: #fff;
	font-size: 16px;
	line-height: 42px;
	margin: 0;
	padding-left: 1em;
}
hr {
	background: #ddd;
	color: #ddd;
	clear:both;
	height: 1px;
	border: none;
	margin: 40px 0 20px 0;
}
img {border: none;}
a {
	color: #b02127;
	text-decoration: none;
}
a:hover {text-decoration: underline;}
.example {
	padding: 20px;
	width: 800px;
}
.draggable, .resizable, .resizable_all, .ajax-post {
	border: 2px solid #000;
	font-size: 13px;
	float: left;
	height: 100px;
	margin: 0 10px 10px 0;
	text-align: center;
	width: 100px;
}
.draggable {
	background-color: #9cf;
	border-color: #36c;
	cursor: move;
}
.resizable {
	background-color: #ff8998;
	border-color: #d2412c;
}
.resizable_all {
	background-color: #ffc;
	border-color: #fc3;
}
.ajax-post {
	background-color: #e1fae1;
	border-color: #33cc3a;
}
.poof {
	background: transparent url(../images/poof.png) no-repeat 0 0;
	cursor: pointer;
	display: none;
	height: 32px;
	position: absolute;
	width: 32px;
}
.download img {margin-bottom: -16px;}
.clear {clear: both;}