html,body{margin: 0; padding: 0; width: 100%; min-height: 100%; background: #EEE;}
body{font-size: 12px; font-family: 'lucida-grande',sans-serif;}
body a{text-decoration: none; color: #666;}
body a:hover{color: #333;}

#logout{background: #DADADA; padding: 5px; text-align: right;}
#logout a{color: #999;}
#logout a:hover{color: #333;}
#menu a{padding-left: 20px; color: #333; font-size: 24px}
#menu form{padding-left: 20px;}
#full_url{color: #999; float: left;}

#tree{background: #DADADA; padding: 5px; text-align: right;}
#tree a{color: #00008B;}
#tree a:hover{color: #0000FF;}
#full_tree{color: #00008B; float: left;}

#login_form{margin: 45px auto; padding: 35px; background: #FFF; border: #CCC solid 1px; width: 150px;}
#login_form label input{width: 150px;}
#login_image{margin: 45px auto; padding: 35px; background: #FFF; border: #CCC solid 1px; width: 150px;}
#view_foldertree, #view_flat{height: 100%;}
#file_manager, #view_foldertree, #view_flat{margin: 0; padding: 0;}
#file_manager{background: #EEE;}

#view_foldertree{float: left; width: 300px; overflow: scroll; background: #FFF;}
#view_flat{overflow: scroll;}

#view_foldertree h2{font-size: 1em; margin: 20px 20px 0 20px;}
#view_foldertree ul{display: block; list-style: none; margin: 0; padding: 5px 20px 20px 20px;}
#view_foldertree ul li ul{padding: 0 0 0 20px;}
#view_foldertree ul li{display: inline; list-style: none; margin: 0; padding: 0;}
#view_foldertree ul li a{display: block; list-style: none; margin: 0; padding: 3px 0 3px 18px; background: url(img/16x16/empty_folder.gif) no-repeat;}
#view_foldertree ul li.current a{font-weight: bold; background: url(img/16x16/full_folder.gif) no-repeat;}

#view_folders, #view_files{display: block; float: left; clear: left; width: 100%;}

#view_files h2, #view_folders h2{font-size: 14px; margin: 0; margin: 20px 20px 0 20px; border-bottom: 1px solid #999; color: #999;}
#view_files ul, #view_folders ul{list-style: none; display: block; margin: 0; padding: 0;}
#view_files ul li, #view_folders ul li{display: block; cursor: hand; padding: 0px; list-style: none; margin: 0px 20px; float: left; width: 85%; overflow: hidden; border: 1px solid #BBB; background: #FFF; border: 0;}
#view_files ul li a, #view_folders ul li a{display: block}
#view_files ul li a span, #view_folders ul li a span{display: block; padding: 0px 0px 0px 0px; text-align: left; vertical-align: top;}
#view_files ul li a strong, #view_folders ul li a strong{background-repeat: no-repeat; background-position: top center; display: block; width: 260px; margin: 0; padding: 0;}

.type_folder strong{background-image: url(img/48x48/full_folder.gif);}
.type_default strong{background-image: url(img/48x48/blank_file.gif);}
.type_code strong{background-image: url(img/96x96/code_file.gif);}
.type_archive strong{background-image: url(img/96x96/archive_file.gif);}

.lightyellow {
	background-color: #FFFFFF;
}

.heading {
	font-size: 24px;
	font-weight: bold;
}

.midyellow {
	background-color: #ddddaa;
}

.subheading {
	font-size: 20px;
	font-weight: bold;
}