body{margin: 0; padding: 0; border: 0; overflow: hidden; height: 100%; max-height: 100%; font: verdana, helvetica, arial, sans-serif;}
#framecontentLeft, #framecontentRight{position: absolute; top: 0; left: 0; width: 200px; /*Width of left frame div*/ height: 100%; overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/ background-color: white; }
#framecontentRight{left: auto; right: 0; width: 150px; /*Width of right frame div*/ overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/ background-color: white; }
#maincontent{position: fixed; top: 0; left: 200px; /*Set left value to WidthOfLeftFrameDiv*/ right: 150px; /*Set right value to WidthOfRightFrameDiv*/ bottom: 0; background: #fff; overflow: auto; }
.innertube{margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/}
* html body{ /*IE6 hack*/ padding: 0 150px 0 200px; /*Set value to (0 WidthOfRightFrameDiv 0 WidthOfLeftFrameDiv)*/}
* html #maincontent{ /*IE6 hack*/ height: 100%; width: 100%; }

#glava {background-color: #000080; height: 150px; vertical-align: baseline;  background-image: url(http://hippokampos.org/sl/glava.gif);  background-repeat: no-repeat;  }
#subglava {height: auto; vertical-align: baseline; float: inherit; margin-bottom: 20px;	margin-top: 8px; padding-bottom: 15px;}
#noga {background-color: navy; color: #DBB237; display: inline; float: left; font-size: 1em; padding: 10px; text-align: left; vertical-align: bottom; width: 100%;}
#noga a {background-color:#000080; color:#fff; font-size: 1em; text-decoration:none;}
.left {display:inline; float:left;}
.right {display:inline; float:right;}
.srebrn {color: Silver;}

a {text-decoration: none; color: Navy;}
li a:hover {text-decoration: none; color: navy; background-color: #DBBD63;}

.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	background-color: white;
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(http://hippokampos.org/sl/treeview-default.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 li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: inherit; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(http://hippokampos.org/sl/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(http://hippokampos.org/sl/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(http://hippokampos.org/sl/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(http://hippokampos.org/sl/treeview-red.gif); } 

.treeview-black li { background-image: url(http://hippokampos.org/sl/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(http://hippokampos.org/sl/treeview-black.gif); }  

.treeview-gray li { background-image: url(http://hippokampos.org/sl/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(http://hippokampos.org/sl/treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(http://hippokampos.org/sl/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(http://hippokampos.org/sl/treeview-famfamfam.gif); } 


.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(images/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(images/file.gif) 0 0 no-repeat; }
