/**
 * Development Admin Styles
 *
 * @todo Remove cms references
 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding: 0;}

html { background: #f4f4f4;}
body { font: 14px/1.1 Arial,sans-serif; color: #444; }

a { color: #1389ce; text-decoration: none; }
	a:hover { text-decoration: underline;}
p {
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 22px;
}

ul { margin: 8px 16px 20px 20px; }
	li { font-size: 12px; line-height: 18px; margin-bottom: 8px;}


h1 { font-size: 24px; margin-bottom: 18px; }
h2 { font-size: 18px; margin-bottom: 16px; }
h3 { font-size: 16px; margin-bottom: 16px; }
h4 { font-size: 14px; margin-bottom: 8px; }

pre { 
	margin-bottom: 18px; 
	font-family:'Bitstream Vera Sans Mono',Monaco, 'Courier New', monospace; 
	border-left: 4px solid #eee; 
	background: #f4f4f4;
	padding: 12px;
}

#Container { width: 860px; margin: 20px auto; padding: 20px; background: #fff; overflow: hidden; }
	
#Header { border-bottom: 3px solid #535360; padding-top: 10px; margin-bottom: 30px; }
	#Header h1 { margin-bottom: 9px;}
		#Header h1 a { text-decoration: none; font-size: 30px; color: #333; letter-spacing: -1px;}
	
	#Header .breadcrumbs { font-size: 12px; }
#LeftColumn {
	width: 600px;
	float: left;
}

#RightColumn {
	width: 240px; 
	float: right;
}

#Home #LeftColumn { width: 500px; }
#Home #RightColumn { width: 340px; }
#Home .box {
	margin: 0 12px 12px 0px;
	border: 1px solid #d8d8d8;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
	.box h2 {
		background: #535360;
		border: 1px solid #535360;
		-moz-border-top-radius: 4px;
		-webkit-border-top-left-radius: 4px;
		-webkit-border-top-right-radius: 4px;
		padding: 6px 8px;
		font-weight: 500;
		color: #fff;
		font-size: 13px;
	}
		.box h2 a {
			background: url(../images/readme.png) no-repeat right center;
			padding: 2px 20px 0 0;
			font-size: 11px;
			color: #fff;
			display: block;
			float: right;
		}
	#RightColumn .box {
		margin: 0 12px 12px 0;
	}
	

	
	/* Nested tree */
	.box ul.tree {
		
	}
		.box ul.tree li {
			list-style: none;
		}
			.box ul.tree li.folder {
				background: #d5eefd;
				font-size: 12px;
				color: #29688c;
				margin-bottom: 9px;
				border: 1px solid #d5eefd;
				padding: 2px 6px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
			}
.undocumentedModules {
	clear: both;
	padding-top: 10px;
	font-style: italic;
}