body { 
	/*background-color: #E0E4E4;*/
	/*background: #F3F3F3 url(../images/background.gif) top left repeat-x;*/	
	font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
	font-size: 15px;
	margin: auto 0;
	background-color: white;
}
p, ol, ul, td {
  font-size:   13px;
	list-style-image: url(../images/arrow.gif);
}

#page {
	position: relative;
	margin: 0 auto;	
	padding: 0;
	
	width: 100%;
	overflow: hidden;
		/* for IE6: oberflowing content (e.g. image) will cause #page to
		   enlarge! */
}
html>body #page {
/* for real browsers use min/max-width etc... */
	min-width: 56em;
	overflow: visible;	
}

	#header {
		padding: 1.4em 1.2em 0em 1.2em;
		margin: 0 !important;
		background: #267320 url(../images/headerbar.gif) repeat-x;
		color: white;
		height: 3.5em;
		overflow: hidden;
	}
	#page>#header {
		overflow: visible;
	}

		#h1 {
			float: left;
			position: relative;
			top: -0.4em;
			font-size: 180%;
			font-weight: bold;
			height: 30px;
			padding: 0 !important;
			margin: 0;
		}
		#h1 span {
			vertical-align: 35px;
			text-shadow: 3px 3px 3px #222222;
		}
		#h2 {			
			float: right;
			font-size: small;
			padding: 0 !important;
			margin: 0;
		}
		#h3 {
			float: right;			
			font-size: small;
			position: relative;
			right: -0.7em;
			top: 2.5em;
			padding: 0 !important;
			margin: 0;
		}
		#h3 a {color: #FEFEAA !important;}
		#header img.top_left {			
			position: relative;
			top: -1.4em;
			left: -1.2em;
			float: left;
		}
		#header img.top_right {			
			position: relative;
			top: -1.4em;
			right: -1.2em;
			float: right;
		}
		.clear {
			clear: both;
		}
		
	#main {		
		padding: 1.4em;
		text-align: left;
		background-color: white;
		margin: 0 auto !important;
		background-color: white;
		padding-top: 2em;
		border-top: 0;
		width: 54em;
	}
	
	#footer {
		margin: 0;
		padding: 0;
		background-color: transparent;
		float: right;
		font-size: xx-small;
		color: #CCCCCC;
		text-align: right;
	}

fieldset {
	border: 1px solid #CCCCCC;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
}

.nav {
	text-align: left !important;
	width: 26em; 
		/* IE 6 bug: #search float right div with input will hide nav!*/
}
html>body .nav {
	width: auto;	
}
a.nav {font-weight:bold;font-size:13px}
#search {
	text-align: right;
	float: right;
	padding: 0;
	margin: 0;
}
#search form {
	margin: 0;	
}

form.inplaceeditor-form {display:inline}

.invisible {
	float: right;
	color: white !important;
	background-color: white !important;
	border: 0;
}
.invisible a { color: white !important}
.invisible a:visited { color: white !important}
.invisible a:hover { color: white !important;background-color: white}

div.context {
	margin: 0 0 0.5em 0;
	margin-left: 0.2em;
	font-size: small;
	background-color: #FFFFEE;
	border: 1px solid #EEEEEE;
}
div.context pre {
	margin: 0;
	padding-top: 0;
	text-align: left;
	overflow: auto;
	max-height: 8em;
	min-height: 2em;
	/*  height: 4em; for IE 6! */
	background-color: transparent;
}
div.context label {
	color: #6699FF;
	margin-left: 0.5em;
	padding-bottom: 0;
}

div.space_de {
	margin: 0 0 0.5em 0;
	margin-left: 0.2em;
	font-size: small;
	border: 1px solid #EEEEEE;
	color: #888888;
}
div.space_de p {padding: 0.2em;margin: 0}

table {table-layout: fixed; width: 100%; border-collapse: collapse}
.logo {}
.update {color: #EEEEFF;font-size: 9px; text-align:right}

td.list_main {width:45%;}
td.list_wiki_main {width:20em;}
td.list_info {
	width:37%;
	font-size: x-small;
	color: #AAAAAA;
        text-align: right;
}
td.list_action {width: 18%; text-align: left;}
td.list_wiki_action {width: 4em; text-align: left;}
			
fieldset label {
	display: block;
	float: left;
	text-align: right;
	width: 10em;
	margin-right:1em;
}
div.form label {
	display: block;
	float: left;
	text-align: right;
	width: 6em;
	color: #888888;
	margin-right: 0.5em;
}
div.form {
	clear: both;
	margin: auto;
}
fieldset {
	margin-top: 1em;
}
fieldset p {
	padding: 0;
	margin: 1em;
}

fieldset input, fieldset form {
	margin: 0;
}

.naked {
	margin: 0; padding: 0;
}

a { 
	color: #666666;  
	text-decoration: none !important; 
}
a:visited { color: #666666; }
a:hover { color: #FFFFFF; background-color: black; }

a.nav {}
a.nav {}
.wiki a, pre a {color: #0000FF;}
.wiki a:visited, pre a:visited  { color: #4444FF; }
.wiki a:hover, pre a:hover  { color: #0000FF; background-color: black; }

a.edit_link { 
	text-decoration: none !important;
	color: #FFAAAA;
	cursor: pointer;
}
a.edit_link:visited { color: #FFAAAA; }
a.edit_link:hover { 
	color: #FF0000;
	text-decoration: underline;
	background-color: white;
}
a.nohover:hover {background-color: white;}

.edit_link {
	position: relative;
	float: right;
	font-size: x-small;
	color: #FF4444;
	background-color: white;
	padding-left: 0.5em;
}
.note .edit_link {

}
.page .edit_link {
	top: -0.3em;
}

a.history_link { 
	text-decoration: none !important;
	color: #AAAAAA;	
}
a.history_link:visited { color: #AAAAAA; }
a.history_link:hover { 
	color: #AAFFAA;
	text-decoration: underline;
	background-color: white;
}
.history_link {
	position: relative;
	float: right;
	font-size: x-small;
	color: #AAAAAA;
	padding-left: 0.5em;
}
.note .history_link {

}
.page .history_link {
	top: -0.3em;
}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

pre {
	background-color: #eee;
	padding: 10px;
	font-size: small;
	overflow: auto;
	width: 98%;
		/* should be 100% but bugs with IE6! */
}
pre.error {
	border: 1px solid red;
	line-height: 1.1em;
	white-space: normal;
}
pre.comment {
	background:#E9FFCE url(../images/comment.png) no-repeat scroll left top !Important;
	min-height:20px;
	padding: 1em 0pt 0pt 0.5em;
	font-family: Verdana,Tahoma,Arial,sans-serif;
	font-size: small;
	overflow: auto;
}
pre.trace {
	line-height: 1.3em;
	background-color: #FFFFDD;
}

.notice {
	color: red !important;
	margin-bottom: 1em;
}
.notice2 {
	color: #6699FF !important;	
}
.title1 {
	color: #FF7700
}
.info1 {
	color: #999999;
	font-size: small;
}
.edit_ok {
	font-weight: bold;
	color: #2222FF !important;
}
.edit_no {
	font-weight: bold;
}
.edit_ok_locked {
	font-weight: bold;
	color: #0000FF !important;
	text-decoration: underline;
}
.help {
	display: block;
	position: relative;
	right: -2em;
	color: green !important;
}
.found {
	background-color: yellow;
}

.new {
	background-color: #AAFFAA;
}

.old {
	background-color: #DDCFCF;
}

.del {
	text-decoration: line-through;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}


.actions {
	font-size: small;
}


#reorder {
	background-color: #FFDDDF;
	margin: 0 0 2em 0;
	padding: 0.5em;
	-moz-border-radius:     10px;
	-webkit-border-radius:  10px;
	-khtml-border-radius:   10px;
	border-radius:          10px;
}
ul#reorder_notes {
	list-style: decimal;
}
#reorder_notes li {
	cursor: move;
	color: #666666;
	font-size: 16px;
}

#toc {
	background-color: #FFFFEE;
	margin: 0 0 2em 0;
	padding: 0.5em;
	-moz-border-radius:     10px;
	-webkit-border-radius:  10px;
	-khtml-border-radius:   10px;
	border-radius:          10px;
}
#notes_toc {
	cursor: pointer; 
}


.editor_ok_button {
	margin-left:0.2em;
}
.editor_ok { 
	color: #AAAAAA;
	font-size: small;	
}
.editor_cancel {
	margin-left:0.5em;
	color: red !important;
	font-size: small;
}


a.editor_cancel:visited { color: red; }
a.editor_cancel:hover {text-decoration: underline;}

.column_name {
	color: #AADDAA;
	border-bottom: 1px dotted #AADDAA;
	margin: 1em 0 0 0 !important;
	font-size: 16px !important;
}
.column_hr {
	padding-top: 0;
	border-top: 1px solid #E0E0E0;
}

.page_title {
	color: #88BB88;
	width: 90%;
	font-size: 28px !important;
	font-weight: bold;
	margin-top: 0.5em;
	width: 60%;
}
	.page_title img, .note_title img {
		position: relative;
		top: -0.3em;
		border: none
	}

.note_title {
	color: #80A000 !important;
	font-size: 20px;
	font-weight: bold;
	margin-top: 0.5em;
	width: 80%;
}
.wiki_title {
	color: #66CC66;
	font-size: 20px;
	font-weight: bold;
	margin-top: 0.5em;
}
.wiki_info {
	position: relative;
	float: right;
	font-size: x-small;
	color: #AAAAAA;
	clear: right;
	top: 0.9em;
}
.note_info {
	position: relative;
	float: right;
	font-size: x-small;
	color: #AAAAAA;
	clear: right;
	top: 0.9em;
}
.page_info {
	position: relative;
	float: right;
	font-size: x-small;
	color: #AAAAAA;
	clear: right;
	top: 1.2em;
}

.hidden {
	display: none;
}



.token {
	text-align: left;
}

.wiki_type {
	color:red;
	position: relative;
	top: 1em;
}


.cat {
	color: #AAAAAA;
}

.wiki {
	font-family: Verdana, Helvetica, Arial, Tahoma, sans-serif !important;	
}
.wiki h1, .wiki h2, .wiki h3, .wiki h4 {
	margin-top: 0;
	color: #449999;	
}
.wiki h1 {font-size: 22px}
.wiki h2 {font-size: 18px}
.wiki h3 {font-size: 16px}
.wiki h4 {font-size: 15px}	

.wiki p {
	font-size: 14px !important;
	margin: 0.5em 0 1em 0;
	line-height: 1.35em;
	text-align: justify;
}
.wiki td {
	font-family: Verdana, Helvetica, Arial, Tahoma, sans-serif;
	font-size: 14px !important;
	background-color: #FFFFFF;
	padding: 0.5em;
}
.wiki div {
	font-size: 14px !important;
}
.wiki li {
	font-size: 14px !important;
	margin-bottom: 0.3em;
}
.wiki table {
	table-layout: auto !important;
	margin: 0.3em 0 1em 0;
	font-size: 14px !important;
	width: auto;	
	border-collapse: separate;
	background-color: #FAFAFA;
}
.wiki img {
	display: block;
	margin: 0;
	border: 0 !important;
}

.wiki blockquote {
	display: block;
	margin: 0;
	padding-left: 2em;
	background: transparent url(../images/blockquote.gif) no-repeat scroll 0pt 2px !important;
}

.page {
	margin: 0.1em 0 2.2em 0;
	padding-top: 0.2em;
}
.note {
	margin: 0.1em 0 3em 0;
	padding-top: 0.1em;
}


span.page_space {
	color: #94A24B;
}

fieldset.space {
	border: 2px solid #DDDDDD;
	padding: 0.6em;
}
fieldset.space legend {
	color: #94A24B;
	font-size: x-large;
	padding: 0 0.2em 0 0.2em;
}

fieldset.comment {
	border: 2px solid #EEEEEE;
	padding: 0.6em;
	margin: 0 0 2em 0;
}
fieldset.comment legend {
	color: #449999;
	font-size: medium;
	padding: 0 0.2em 0 0.2em;
}
fieldset.comment label {
	width: 7em;
}


table.page_list {

}
table.page_list tr {

}

.public {
	color: #00A090;
	font-weight:bold;
}

.hover {border: 4px solid #FFAAAA !important;}
.move_to {border: 4px solid #FF0000 !important;}
.drag {cursor: move;}


/* In place editing styles*/

div.in_place_editor_field {
	clear: right;
}
div.form div.in_place_editor_field {
	clear: none;
}

/* Autocomplete styles*/

div.auto_complete {
  width: 350px;
  background: #FFFFFF;
  z-index: 1000;
}
div.auto_complete ul {
  border:1px solid #888888;
  margin:0;
  padding:0;
  width:100%;
  list-style-type:none;
}
div.auto_complete ul li {
  margin:0;
  padding:3px;
}
div.auto_complete ul li.selected { 
  background-color: #ffb; 
}
div.auto_complete ul strong.highlight { 
  color: #880000; 
  margin:0;
  padding:0;
}

.com1 {}
.com2 {display: none}

/*==================================================*/

.strong {
	font-size: 1.2em;
	color: #666666;
	margin: 0 0 0.5em 0;
}

p.legend {
	font-size: 11px !important;
}

img.nice1 {
	float: left;
	margin-right: 1.5em !important;
}

img.nice2 {
	float: right;
	margin-left: 1.5em !important;	
}

div.box1 {
	/*background-color: #E7F1D7;*/
	border: 3px solid #DDDDDD;
	padding: 1em;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	margin-bottom: 1.2em;
}


div.content {
	float: left;
	width: 78%;
	padding: 0 0.8em 0 0;
}
div.side {
	float: right;
	width: 19%;
	text-align: left;
	padding: 0.2em !important;
}
div.side ul {
	list-style-image: url(../images/bullet_green.gif);
}

div.bottom {
	clear: both;
}
div.bar {
	text-align: center;
	margin: 0.2em 0 1.6em 0;
}