/* navigation tree */
#navigationTree {
    padding: 0em 0 0.5em 0.5em;
    font-size: 100%;
    font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
    line-height: 1.125em;
    color: #52687B;
}

#navigationTree h3 {
    font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	margin-left: 0em;
	margin-bottom: 0.2em;
	margin-top: 0.6em;
	font-size: 1.2em;
}

#navigationTree a {
    text-decoration: none;
	color: black;
}



/* NAVIGATION TREE */
.treeview, .treeview ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	margin-top: 4px;
}

.treeview li {
	margin: 0;
	padding: 3px 0 3px 16px;
}

.treeview li {
    background-image: url('tree_line.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
}

.treeview li.last, .treeview li.collapsable-last, .treeview li.expandable-last { background-position: 0 -1766px }


/* HIT AREA */
.treeview .hitarea {
	background: url('tree_icon.gif') -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview .hitarea-expandable { background-position: -80px -3px; }
.treeview .hitarea-expandable-last { background-position: -32px -70px; /*0 -3px;*/ }

.treeview .hitarea-collapsable { background-position: -64px -25px; }
.treeview .hitarea-collapsable-last { background-position: 0 -114px; /*0 -25px ;*/ }


.treeview a.selected {
    background-color: white;
    display: block;
}



#ajaxMessage {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 99;

    color: white;
    font-weight: bold;

    border: 1px solid black;
    padding: 0.5em 1em;
}

.ajaxMessageLoading {
    background-color: #ACF;
}

.ajaxMessageSuccess {
    background-color: #9C9;
}

.ajaxMessageError {
    background-color: #FCA;
}