/*#####################################
//## phpFe - PHP File explorer
//## Master CSS stylesheet
//#####################################
*/

* { padding: 0; margin: 0; }

html, body {
	color: #000;
	background: #ddd;
	font-family: Verdana, Tahoma, sans-serif;
	font-size: small;
	text-align: center;
}

a { color: #555; text-decoration: none; }
a:hover { color: #222; }
label { cursor: pointer; }

#wrapper {
	margin: 1em auto;
	width: 54em;
	text-align: left;
}

.box {
	margin: 0.4em 0;
	border: 1px solid #567;
	background: #f3f3f3;
}

table {
	border-collapse: collapse;
	table-layout: fixed;
	border: 0;
	width: 100%;
}

table caption, .box h2 {
	padding: 2px 6px;
	border: 1px solid #567;
	border-width: 0 0 1px;
	color: #678;
	background: #abc;
	text-align: left;
	font-size: 90%;
	font-weight: bold;
}

table caption a, .box h2 a, .box h2 label { color: #000; }

thead th {
	padding: 2px;
	border: 1px solid #999;
	border-width: 0 0 1px 1px;
	background: #eee;
	font-size: 90%;
	font-weight: bold;

}
thead th#col_name { border-left: none; }
thead th#col_type { width: 5em; }
thead th#col_size { width: 8em; }
thead th#col_date { width: 11.4em; }
thead th a {
	display: block;
	text-align: center;
}

tfoot tr, tfoot td {
	border: 1px solid #bbb;
	border-width: 1px 0 0;
	color: #333;
	background: #eee;
}
tfoot td { padding: 1px 2px; }
tfoot tr { font-size: 85%; }
tfoot #about {
	color: #777;
	font-weight: bold;
}

tbody tr { background: #f9f9f9; }
tbody tr.d { background: #f6f6f6; }
tbody tr.message { color: #900; }

tbody tr:hover { background: #e9e9e9; }

tbody td a { color: #333; }
tbody td a:hover { color: #000; }

tbody td {
	padding: 1px 4px;
	border-top: 1px solid #ddd;
	border-left: 1px solid #999;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}
tbody td.n { padding: 0; border-left: none; }

tbody td.n a {
	padding: 1px 4px;
	white-space: nowrap;
	display: block;
	overflow: hidden;
}

tbody tr.message td {
	padding: 4px 6px;
	border-left: none;
	white-space: normal;
}

@media screen {
	
	table caption, .box h2 {
		padding-left: 18px;
		background: #abc no-repeat 2px;
		background-image: url("/phpFe/img/folder_open.gif");
	}

	thead th.asc, thead th.desc { background: #eee no-repeat center right; }
	thead th.asc { background-image: url("/phpFe/img/asc.gif"); }
	thead th.desc { background-image: url("/phpFe/img/desc.gif"); }

	#goto_box h2 { background-image: url("/phpFe/img/folder_goto.gif"); }
	#search_box h2 { background-image: url("/phpFe/img/search.gif"); }
	
	tbody tr .n { background-image: url("/phpFe/img/generic.gif"); background-repeat: no-repeat; background-position: 1px; }
	tbody td.n a { padding: 1px 4px 1px 17px; }
	
	tr.d td.n { background-image: url("/phpFe/img/folder.gif"); }
	
	.ft_txt .n { background-image: url("/phpFe/img/text.gif"); }
	.ft_htm .n, .ft_html .n, .ft_doc .n { background-image: url("/phpFe/img/document.gif"); }
	.ft_php .n, .ft_css .n, .ft_js .n, .ft_asp .n, .ft_aspx .n, .ft_inc .n { background-image: url("/phpFe/img/code.gif"); }
	.ft_gif .n, .ft_jpg .n, .ft_png .n, .ft_ico .n, .ft_psd .n { background-image: url("/phpFe/img/image.gif"); }
	.ft_mpg .n, .ft_mpeg .n, .ft_avi .n, .ft_mov .n, .ft_wmv .n { background-image: url("/phpFe/img/video.gif"); }
	.ft_mp3 .n, .ft_wma .n, .ft_ogg .n, .ft_wav .n, .ft_mid .n { background-image: url("/phpFe/img/audio.gif"); }
	.ft_zip .n, .ft_ace .n, .ft_rar .n, .ft_gz .n { background-image: url("/phpFe/img/archive.gif"); }
	.ft_exe .n, .ft_msi .n { background-image: url("/phpFe/img/application.gif"); }
	.ft_bat .n, .ft_com .n { background-image: url("/phpFe/img/console.gif"); }
	
}

thead th.asc, thead th.desc, .active { background-color: #f3f3f3; }

form { display: block; }

form fieldset {
	margin: 0.2em;
	border: 0;
}

input, select {
	margin: 1px;
	font-size: 85%;
}

input.textbox { width: 14.2em; }
input.button {
	margin: 0 0.2em;
	padding: 0 0.5em;
	text-align: center;
}

#goto_box { float: left; width: 26.5em; margin-right: 0.5em }
#search_box { float: right; width: 26.5em; }
input#goto { width: 24em; }