/* UNDO */
body,td,th,pre,code {font-size:1em;}
ul,#nav li,#holder h1,#holder h2,#holder h4,pre,form,body,html,p,blockquote,fieldset,input{margin:0;padding:0;}
a img,:link img,:visited img {border:none }
address { font-style:normal }

/* main layout */
html, body {
}

body {font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;text-align:center;}

body, td, th {font-size: 11px;margin-bottom:20px;}

p {margin:10px 0;}
table {border-color:#ccc;}

div#holder {width:950px;text-align:left;margin:auto;}
div#header {
	width:950px;
	height: 80px;
	text-align:center;
}
div#header h1 {
	clear: none;
	text-align: center;
	padding: 20px 10px 5px 10px;
	font-size: 2em;
}
div#header a {
	color: #000;
}

div#nav {width: 250px; float: left;}
div#content {float: right; width:650px;line-height:1.5em;}
div#projectlistholder {width: 250px;float: left;}

/* project list / extra links in nav */
div#nav ul {list-style:none; background-color: #f6f6f6; border-bottom:2px solid #ccc;}
div#nav ul li {padding: 0px;border-bottom:1px solid #999;}
div#nav ul li strong { background: #ddd; display:block; padding: 4px; margin-bottom:2px; font-size: 1.1em; }
div#nav ul a {text-decoration:none;font-weight:bold;color:#165184; display: block; padding: 5px;}
/* active link in nav */
div#nav ul a:hover, div#nav ul a.current, div#nav ul a.current:visited {color:#E57135; background:#eee;}

div#nav h2, div#nav h3 {font-size: 16px;padding:5px;background-color: #CCC;margin:20px 0 10px 0;font-family:Arial, Helvetica, sans-serif;}
div#nav h3 { color:#333; font-size:14px; background-color:#ddd;margin:6px 0px 0px 0px;}
div#content h2{font-size: 16px;padding:5px 5px 5px 0;margin:20px 0 10px 0;font-family:Arial, Helvetica, sans-serif;}

div#nav ul.projectlist li {border-bottom: none; }
div#nav ul.projectlist li li { border-bottom:1px solid #999; }

div.noteholder {
	border: 1px dashed silver;
	padding: 5px 5px 10px 5px;
	margin:10px 0px;
	width:540px;
}

.error, .warning { color: red; }

/* debugging etc. */
pre {
	margin: 15px 0px;
	border: 1px dashed gray;
	text-align: left;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	position:relative;
}
pre div {
	padding: 15px 5px 5px;
	max-height: 300px;
	overflow: auto;
}
pre strong {
	background-color: #fff;
	position: absolute;
	top: -12px;
	left: 5px;
	padding: 2px 10px;
	z-index:999;
	font-size: 1.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px dashed silver;
}
pre code {
	display:block;
	clear: both;
	margin-top: -7px;
}

span.imageThumb {
	width: 150px;
	padding: 7px;
	border: 1px solid silver;
	float:left;
	margin-right: 10px;
}

label:hover { border-bottom:1px dashed silver; }
form#wsfrm { border:1px solid #000; background-color: #eee; padding: 5px; }
form#wsfrm label { width:150px; margin-right:5px; float:left; clear:both; }
form#wsfrm input, form#wsfrm  textarea { margin-bottom: 5px; }

form#loginfrm { background-color: #eee; border:2px solid #000; padding: 10px; margin-top:20px; }
form#loginfrm label, form#loginfrm em { width: 80px; float:left; height: 16px; margin-top:8px; }
form#loginfrm input { float:left; margin: 5px 10px 0 0; height:16px; }
form#loginfrm br { clear:both; }
form#loginfrm h3 { font-size: 14px; font-weight:bold; margin:0 0 5px 0; } 

div#helptext { border:1px inset; padding:5px; margin: 10px 0 20px 0; }
div#helptext h3 { margin: 0 0 5px 0; }