body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:20px;
}

h1 {
	margin-bottom:4px;
	margin-top:8px;
	font-size:2em;
}

small {
	font-size:.5em;
	font-weight:normal;
	font-style:italic;
}

#header {
	background:#E63939;
	padding:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin: 0 auto;
	width:500px;
}

#header h1, #header small {
	display:block;
	width:100%;
	color:#F4F4F4;
}

#main {
	margin: 10px auto 0 auto;
	width:500px;
}

.title {
	color:#FFF;
	font-size:1.4em;
	padding:5px;
	background:#D1E639;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-radius:5px;
}

ul { list-style-type: circle; list-style-position: inside; }
ul li.deploy { list-style-type: disc; list-style-position: inside; }
ul li.content { list-style-type: none;}

div#main > ul {
	margin:5px;
}

div#main > ul li {
	padding:8px 0 8px 8px;
	border-bottom: 1px solid #D4D4D4;
}

#main ul ul li {
	margin-left: 2px;
	border-left: 1px dotted #666;
}

#main ul li ul, ul li.content p {
	display: none;
}

#main li.content p { margin: 5px 0; }
#main li.content.deploy h2 { color: #529AEC; }

#main ul li:hover { background: #F9FDD6; cursor: pointer;}
#main ul li.deploy:hover { background:none; cursor: default;}

.close {
	float: right; background: #FFF; color: #D1E639; padding: 3px; cursor: pointer;
}