/*
** Defaults
*/
	body {
		margin: 0;
		padding: 0;
		font: normal 76%/1.5em helvetica, arial, sans-serif;
	}

	img { vertical-align: middle; }

	a { color: #06F; }

	a img {
		border: none;
		text-transform: none;
	}

	td, th { font-size: 100%; }

	form {
		margin: 0;
		padding: 0;
	}

	h1 { font-size: 2em; }

	h3, legend {
		color: #000;
		font-size: 1.2em;
		font-weight: bold;
	}

	small { color: #090; }

	select.small { font-size: .8em; }

	.clear { clear: both; }

	.clear-padded {
		clear: both;
		margin-top: 1em;
	}


/*
** UI Elements
*/
	.column-side {
		float: right;
		width: 30%;
		margin: 0;
		padding: 1em 0 1em 1em;
	}

	.column-main {
		float: left;
		width: 67%;
	}

	.image-preview {
		border: 1px solid #EEE;
		padding: 10px;
		text-align: center;
	}

	.image-preview img { vertical-align: middle; }

	input.editor { width: 98%; }

	textarea.editor {
		width: 100%;
		height: 100%;
	}

	.xml_tree .collapsible {
		margin: .5em .5em .5em 1em;
		border: 1px solid #EEE;
		padding: .3em .5em;
	}

	.xml_tree .collapsible:hover {
		background-color: #FFC;
		border-color: #FC9;
	}

	.cbi {
		float: left;
		width: 30%;
		margin: 5px 5% 5px 0;
	}

	.actions {
		border-bottom: 2px solid #FC9;
		padding: .5em 0;
		background-color: #FFC;
		text-align: center;	
	}

	.errors, 
	.messages, 
	.menu {
		margin: 1.5em 0;
		border: 1px solid #DDD;
		background-color: #EEE;
	}

	.errors { background-color: #F96; }

	.errors li, 
	.menu p { padding: .5em 1em; }

	.menu { margin: 0 0 2em 0; }

	textarea.mceEditor {
		height: 500px;
	}



/*
** UI Effects
*/
	fieldset.collapsible {
		margin: 1.5em 0;
		border: none;
		border-bottom: 2px solid #DDD;
		padding: .5em;
		background-color: #EEE;
	}

	fieldset.collapsible:hover {
		background-color: #FFC;
		border-bottom-color: #FC9;
	}

	fieldset.collapsible h3 {
		cursor: pointer;
	}



/*
** Navigation Elements
*/
	.np-nav {
		margin-top: 1em;
	}
	
	.np-nav a { text-decoration: none; }

	.view-menu {
		float: right;
		margin-top: -3em;
		padding: 1em 1em .5em 1em;
		background-color: #333;
		color: #BBB;
		font-weight: bold;
	}



/*
** File Listing
*/
	div.file-listing { padding: .5em; }

	table.file-listing { width: 100%; }

	div.file-listing p, 
	table.file-listing th, 
	table.file-listing td {
		border-bottom: 1px solid #DDD;
		padding: .5em;
		vertical-align: top;
		text-align: left;
	}

	div.file-listing p, 
	table.file-listing th {
		background-color: #EEE;
		border-bottom: 2px solid #DDD;
		font-weight: bold;
		vertical-align: bottom;
	}

	div.file-listing div:hover, 
	table.file-listing tr th:hover,
	table.file-listing tr:hover td {
		background-color: #FFC;
		border-bottom-color: #FC9;
	}

	table.file-listing tr.none:hover td {
		background-color: transparent;
		border-bottom-color: #DDD;
	}

	div.file-listing div {
		float: left;
		width: 96px;
		height: 96px;
		margin: 0 .5em 2.5em .5em;
		text-align: center;
	}



/*
** Grid
*/
	dl.grid dt {
		width: 20%;
		float: left;
		margin: .5em 0 .25em 0;
		font-weight: bold;
		text-align: right;
	}

	dl.grid dd {
		width: 75%;
		float: left;
		margin: .5em 0 .25em 1em;
	}

	dl.grid_cms dt {
		margin: .5em 0 .25em 0;
		font-weight: bold;
	}


/*
**  CMS
*/

	div._left {
		float: left; 
		width: 50%;
		margin-left: 2.5%;
	}
	div._right {
		float: right;
		width: 40%;
		margin-right: 5%;
		padding-top: 0px;
	}


/*
** Page Components
*/
	#header {
		margin: 0 0 1em 0;
		padding: 2em 3em;
		background-color: #333;
		border-bottom: 2px solid #000;
	}

	#header .right {
		float: right;
	}

	#header .parent-header, 
	#header h1 {
		margin: 0;
		color: #BBB;
	}

	#body {
		padding: .5em 3em;
	}

	#footer {
	}