body {
	font-family: helvetica Neue, helvetica, Arial;
	font-size: 14px;
	background: #808080;
}

#page {
	width: 800px;
	margin: 20px auto;
	background: #fff;
	padding: 25px;
	border: 1px solid #eee;
}


/*
	The directory we are browsing
*/
.pathline {
	border-radius: 3px;
	background: #f3f3f3;

	padding: 7px 10px;
	margin-bottom: 10px;
	font-size: 14px;
	letter-spacing: 0.5px;
}

.pathline img {
	width: 13px;
	margin-right: 3px;
}

.pathline a {
	color: #777;	
}

.pathline a:hover {
	color: #333;
}


/*
	Main table
*/
#wrapper {
        background-color: #f5f5f5;
        width: 95%;
        margin: 20px auto 20px auto;
        padding: 10px;
        text-align: center;
}

#dirlist table a {
	color: #222;
}

#dirlist table {
	width: 100%;
	text-align: left;
}

#dirlist table th {
	padding: 5px 10px;
	font-size: 15px;
	cursor: pointer;
}

#dirlist table td {
	border-bottom: 1px solid #eee;
	vertical-align: middle;
	font-size: 12px;
}

#dirlist table td a {
	padding: 10px 0px 10px 0px;
	display: block;
	width: 500px;
    white-space: nowrap; 
	overflow: hidden; 
	text-overflow:ellipsis;
	cursor: pointer;
	font-size: 14px;
}

#dirlist table img {
	vertical-align: middle;
	width: 16px;
}

#dirlist tr:hover td
{
	background: #f9f9f9;
}

#disclaimer {
        width: 75%;
        margin: 0 auto 0 auto;
        background-color: #f4a460;
        border: 1px solid #000000;
        text-align: center;
}


/*
	Footer
*/
#footer {
	margin-top: 10px;
	text-align: center;
}

#footer address{
	color: #aaa;
	font-style: normal;
	font-size: 12px;
}

/* unvisited link */
a:link {
  color: #00008b;
}

/* mouse over link */
a:hover {
  color: hotpink;
}

/* selected link */
a:active {
  color: red;
}
