body {
	background:#FFF;
	
	font-family:verdana, sans-serif;
	font-size:medium;
	color:#000;

	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:small;
}
html>body {font-size:small;}

h1, h2 {
	font-family:georgia,serif;
}
h1 {
	margin:0;
	font-size:x-large;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:xx-large;
}
html>body h2 {font-size:xx-large;}
h2 {
	margin:0 0 .5em 3em;
	font-size:medium;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:large;
}
html>body h2 {font-size:large;}

/* errors ============================================= */
p.error {
	font-size:large;
	color:#F00;
	font-weight:bold;
	margin:10px 10px;
	
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:medium;
}
html>body p.error {font-size:medium;}

/* lists ============================================= */

ul, li {margin:0px; padding:0px;}

ul {
	list-style-type:none;
	padding-left:30px;
}
ul#sitetree {
	padding-left:0px;
}

/* node formatting ============================================= */
li a.nodename {
	display:block;
	background:#CCD;
	border-width:1px;
	border-style:solid;
	border-color:#99A;
	padding:2px;
	margin:1px 0px;
	
	color:#339;
	font-weight:bold;
	text-decoration:none;
}

li .controlpanel {
	display:block;
	
	margin-left:0px;
	padding:1px;
	height:17px;
	
	word-spacing:-.2em;

	vertical-align:middle;

	background:#CCC;
	border:1px solid #999;
}
li .controlpanel a {
	background:#DDD;
	padding:1px;
	border:1px outset #DDD;
	
	white-space:nowrap;
	word-spacing:0;

	font-size:9px;
	line-height:17px;

	color:#000;
	text-decoration:none;
}
li .controlpanel a.disabled {
	color:#888;
	cursor:default;
}

/* node classes ============================================= */

/* new nodes */
.new a.nodename {
	color:#379;
	background:#CCD8DD;
	border-color:#9BC;
}

/* incomplete nodes */
.incomplete a.nodename {
	color:#933;
	background:#DCC;
	border-color:#C99;
}

/* nodes marked for deletion */
.marked-for-deletion a.nodename {
	color:#99C;
	background:#E0E0F0;
	text-decoration:line-through;
}
.marked-for-deletion .controlpanel {
	background:#E0E0E0;
}
.marked-for-deletion .controlpanel a {
	color:#444;
}

/* hidden nodes */
.hidden a.nodename {
	color:#393;
	background:#CDC;
	border-color:#9C9;
	font-style:italic;
	font-weight:normal;
}

/* upload page tables ============================================= */

table.filelisttable {
	border-collapse:collapse;
	border:1px solid #448;
	
	width:100%;
}

table.filelisttable th, table.filelisttable td {
	background:#D8D8E8;
	color:#000;
	padding:1px 3px;
}
table.filelisttable th {
	font-weight:bold;
}
table.filelisttable td {
	border:1px solid #448;
}

table.filelisttable td a {
	color:#000;
	text-decoration:underline;
}

table.filelisttable col.filename {
	width:55%;
	text-align:left;
}
table.filelisttable col.filesize {
	width:15%;
	text-align:center;
}
table.filelisttable col.rename {
	width:17%;
	text-align:center;
}
table.filelisttable col.delete {
	width:13%;
	text-align:center;
}

/* URL chooser stuff ============================================= */

#urlchooser {
	padding:10px;
}
ul#urlchooserlist {
	padding-left:0px;
}

#urlchooser .node {
	border:1px solid #666;
	background:#CCC;
	margin:1px 0px;
	padding:2px;
	
	height:17px;
	font-size:11px;
	line-height:17px;
}

#urlchooser .filelist {
	padding:5px;
	border:1px solid #448;
	background:#D8D8E8;
	margin-top:2px;
}

#urlchooser .filelist {
	display:none;
	
	word-spacing:-.2em;
}

#urlchooser a {
	color:#44A;
	text-decoration:none;
}

#urlchooser a.linkbutton {
	background:#DDD;
	padding:2px;
	border:1px outset #DDD;
	
	white-space:nowrap;
	word-spacing:0;
	
}

/* form elements ============================================= */

form {
	padding:0px;
	margin:5px 0px;
}
form p {
	margin:0px;
	padding:0px;
}

input {
	vertical-align:middle;
}

.largeformcontainer, .smallformcontainer {
	border-width:2px;
	border-style:solid;
	border-color:#DDD #666 #555 #CCC;
	padding:0px 10px;
	
	background:#BBB;
	
	margin-left:auto;
	margin-right:auto;
}
.largeformcontainer {
	width:600px;
}
.smallformcontainer {
	width:300px;
}

fieldset {
	padding:6px;
	margin:0px;
	margin-bottom:5px;
	
	border:1px solid #666;
}
legend {
	padding-bottom:3px;
	color:#000;
}
legend a {
	color:#008;
	text-decoration:none;
}

.textbox, .selectbox {
	width:250px;
}
.smallformcontainer .textbox, .smallformcontainer .selectbox {
	width:150px;
}
textarea, textarea.textbox {
	width:450px;
	height:200px;
	margin:5px 0px;
	
	font-family:verdana, sans-serif;
}

.textbox, .selectbox {
	border-width:2px;
	border-style:solid;
	border-color:#778 #DDE #EEF #667;

	background:#E3E3FF;
	color:#000;
}

.button {
	border-width:2px;
	border-style:solid;
	border-color:#EEE #777 #666 #DDD;
	
	background:#CCC;
	color:#000;
	
	margin:3px 0px;
}
