html, body
	{
	margin:0;
	padding:0;
	width: 100%;
	height: 100%;
	background-color: Window;
	color: ButtonText;
	}

#proj
	{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	}

#dirs
	{
	background-color: ButtonFace;
	border-right: ButtonShadow 1px solid;
	height: 100%;
	width: 200px;
	}
li
	{
	list-style: none;
	display: block;
	margin:0;
	padding:0;
	}

#dirs #options
	{
	border-width: 0;
	margin: 0;
	padding: 0;
	text-align: center;
	position: absolute;
	bottom: 10px;
	left: 10px;
	height: 150px;
	}

#dirs #options input[type=text]
	{
	background-color: Window;
	}

#dirs #options input[type=button]
	{
	display: block;
	border-width:0;
	color: Blue;
	text-decoration: underline;
	}

#dirs #options fieldset
	{
	border: 1px solid ButtonShadow;
	width: 154px;
	height: 100px;
	position: absolute;
	left:0;
	bottom: 0;
	}

#dirs #options fieldset SELECT
	{
	border: 1px solid ButtonShadow;
	background-color: ButtonFace;
	}

#dirs #options fieldset legend
	{
	color: ButtonShadow;
	}

#dirs #options fieldset img
	{
	cursor: pointer;
	padding: 5px;
	}

#dirs #options fieldset img:hover
	{
	background-color: Highlight;
	}

li
	{
	list-style: none;
	display: block;
	}

li A, .li_a
	{
	padding: 5px 0 5px 30px;
	display: block;
	cursor: pointer;
	background: transparent url(../images/folder.png) no-repeat 2px center;
	}
    

li A:hover, .li_a_active, li_a:hover
	{
	background-color: Highlight;
	color: HighlightText;
	}

#dirs ul
	{
	background-color: Window;
	margin: 0;
	padding: 0;
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	width: 197px;
	bottom: 179px;
	border-bottom: 1px outset ButtonHighlight;
	border-right: 1px outset ButtonHighlight;
	overflow: auto;
}

#files
	{
	position: absolute;
	top: 1px;
	left: 202px;
	right: 0;
	bottom: 0;
	overflow: auto;
	background-color: Window;
	}

#filesinside
	{
	padding: 0;
	}

#filesinside .downloadDialog, #filesinside .toolsDialog
	{
	padding: 1em;
	_width:100%;
	}

#filesinside .downloadDialog INPUT[type=button]
	{
	margin: 1em;
	padding: 0.2em 1em;
	font-size: 130%;
	color: #fff;
	background-color: #050;
	border: 2px solid #5a5;
	}
#filesinside .downloadDialog INPUT:hover
	{
	background-color: #282;
	border: 2px solid #8d8;
	}
#files table.sortable
	{
	width: 100%;
	}

#files table.sortable, #files table.sortable th, #files table.sortable td
	{
	border-collapse:collapse;
	border: 0.04em solid ButtonFace;
	}

#files table.sortable thead
	{
	cursor: default;
	}

#dlButton
	{
	cursor: pointer;
	}

#files table.sortable tbody tr:hover
	{
	cursor: pointer;
	background-color: Highlight;
	color: HighlightText;
	}

#files table.sortable th
	{
	background-color: ButtonFace;
	border: 1px solid ButtonShadow;
	color: ButtonText;
	}

#files table.sortable td, #files table.sortable th
	{
	padding: 0.2em;
	}

.prefsFile
	{
	background-color: ButtonFace;
	color:buttonShadow;
	border-bottom: 1px solid ButtonShadow;
	position: absolute;
	top:0;
	right: 0;
	left: 0;
	width:100%;
	}

.prefsFile LABEL
	{
	position: absolute;
	top:0;
	right: 10px;
	}

.folderUp
	{
	padding-left: 30px;
	padding-right: 20px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 5px center;
	color:#000;
	text-decoration:none;
	background-image: url(../images/folder-up.png);
	}

.folderUp:hover
	{
	background-color: ButtonHighlight;
	}

#subdialog IMG
	{
	margin-bottom: 0.25em;
	}
#subdialog
	{
	text-align: center;
	position: fixed;
	_position: absolute;
	left: 40%;
	top: 25%;
	width: 200px;
	height: 60px;
	background-color: Window;
	padding: 2em;
	z-index: 20;
	border: 0.25em solid ButtonShadow;
	display: block;
	}

#files table.sortable tbody td:first-child
	{
	font-weight: bold;
	background-repeat: no-repeat;
	}

#files table.sortable a
	{
	text-decoration: none;
	color: ButtonText;
	}