body {
	font-family: "Tahoma" "Verdana" sans-serif;
	margin: 0px;
	padding: 0px;
	background: #313C4A url(staffianbg2.jpg) repeat left top;
	color: white;
}
p {
	font-size: 12;
	color: #FF7B00;
}

a.loginhelp {
	color: white;
	text-decoration: none;
}
a.loginhelp:hover {
	color: aqua;
	text-decoration: none;
}

img
{
	border: 0px;
	margin: 0px;
	padding: 0px;
}
input
{
	border: 1px;
	margin: 0px;
	padding: 0px;
}
input.thepath
{
	background-color: #FF7B00;
	font-weight: bold;
	color: white;
}
input.login
{
	background-color: #FF7B00;
	font-weight: bold;
	color: white;
}
button
{
	margin: 0px;
	padding: 0px;
}
a.dirTreeDirectory
{
	font-family: "Tahoma" "Verdana" sans-serif;
	font-size: 8pt;
	color: white;
	text-decoration: none;
	padding-left: 15px;
	background: url(folder-smaller.png) no-repeat 0% 50%;
	white-space: nowrap;
}
a.dirListDirectory
{
	font-family: "Tahoma" "Verdana" sans-serif;
	font-size: 8pt;
	color: white;
	text-decoration: none;
	padding-left: 20px;
	background: url(folder.png) no-repeat 0% 50%;
}
a.dirListDirectory:hover
{
	color: orange;
	text-decoration: none;
}
a.dirListFile
{
	padding-left: 20px;
	background: url(file.png) no-repeat 0% 50%;
	font-family: "Tahoma" "Verdana" sans-serif;
	font-size: 8pt;
	color: white;
	text-decoration: none;
}
a.dirListFileInaccessable
{
	padding-left: 20px;
	background: url(circleslash.gif) no-repeat 0% 50%;
	font-family: "Tahoma" "Verdana" sans-serif;
	font-size: 8pt;
	color: red;
}
a.dirListFile:hover
{
	color: aqua;
	text-decoration: none;
}
td.dirListFilename
{
	border-bottom: 1px solid #FF9800;
	border-right: 1px solid #FF9800;
	height: 22px;
}
td.dirListModTime
{
	font-family: "Tahoma" "Verdana" sans-serif;
	font-size: 8pt;
	color: white;
	border-bottom: 1px solid #FF9800;
	border-right: 1px solid #FF9800;
}
td.dirListSize
{
	font-family: "Tahoma" "Verdana" sans-serif;
	font-size: 8pt;
	color: white;
	text-align: right;
	border-bottom: 1px solid #FF9800;
	border-right: 1px solid #FF9800;
}
span.dirTreeError
{
	border-left: 3px solid red;
	border-right: 3px solid red;
	color: red;
	font-family: "Tahoma" "Verdana" sans-serif;
	font-size: 8pt;
	white-space: nowrap;
}
div.msgBox
{
	position: absolute; /* so flow isn't affected while hidden */
	display: none;
}
div.msgBoxfatal
{
	position: absolute;
	width: 50%;
	left: 25%;
	top: 20%;
	height: 250px;
	border: 2px solid;
	border-color: #ffd0d0 #ffdfdf #ffd0d0 #ffdfdf;
	background-color: #e0c0c0;
	color: black;
	font-weight: bold;
	display: block;
}
span.msgBoxHeading
{
	margin-left: 3%;
	margin-right: 3%;
	width: 94%;
	text-align: center;
	border-bottom: 1px solid #5f5f5f;
	font-family: "Tahoma" "Verdana" sans-serif;
	font-size: 14pt;
	display: block;
}
span.msgBoxMessage
{
	text-align: center;
	font-family: "Tahoma" "Verdana" sans-serif;
	font-size: 10pt;
	font-weight: bold;
	width: 100%;
	display: block;
}
div.alertContainer
{
	border: 1px solid white;
	background-color: #eec;
	display: none;
}
div.alertBox
{
	position: relative;
	margin: 3px;
	border: 2px solid;
	border-color: #dda #dda #cca #cca;
	padding-top: 8px;
	padding-left: 75px;
	padding-bottom: 8px;
	padding-right: 8px;
	font-family: "Tahoma" "Verdana" sans-serif;
	font-size: 12pt;
	font-weight: bold;
	height: 80px;
	overflow: auto;
	background: url(infonote.png) no-repeat 0% 50%
}
span.alertInset
{
	position: absolute;
	bottom: 4px;
	right: 4px;
	padding-left: 2px;
	padding-top: 2px;
	border-left: 1px solid gray;
	border-top: 1px solid gray;
	clear: left;
	display: inline;
}
span.alertInsetHidden
{
	position: absolute;
	display: none;
}
div.alertBoxDeleted
{
	display: none;
}