/* Trac CSS */
body {
 background: #fff;
 color: #000;
 margin: 1em;
 padding: 0;
}

body, th, td {
 font: normal 13px verdana,arial,'Bitstream Vera Sans',helvetica,sans-serif;
}

span.h1, h1, h2, h3, h4 {
 font-family: arial,verdana,'Bitstream Vera Sans',helvetica,sans-serif;
 font-weight: bold;
 letter-spacing: -0.018em;
}
span.h1, h1 { font-size: 19px; margin: 0 0 0 0 }
h2 { font-size: 16px }
h3 { font-size: 14px }
hr { border: none;  border-top: 1px solid #ccb; margin: 2em 0 }
address { font-style: normal }
img { border: none }
tt { white-space: pre }
img.spinner { vertical-align: middle; }

/* Link styles */
:link, :visited {
 text-decoration: none;
 color: #335f13; /* #b00; */
 border-bottom: 1px dotted #bbb;
}
:link:hover, :visited:hover {
 background-color: #eee;
 color: #555;
}
h1 :link, h1 :visited, h2 :link, h2 :visited, h3 :link, h3 :visited, h4 :link, h4 :visited, h5 :link, h5 :visited, h6 :link, h6 :visited {
 color: inherit;
}

/* Forms */
form { margin: 0 }
input, textarea, select { margin: 2px }
input, select { vertical-align: middle }
input[type=button], input[type=submit], input[type=reset] {
 background: #eee;
 color: #222;
 border: 1px solid #ccc;
 padding: .1em .5em;
}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
 background: #ccb;
 border: 1px solid #886;
}
input[type=button][disabled], input[type=submit][disabled],
input[type=reset][disabled] {
 background: #f6f6f6;
 border-style: solid;
 color: #999;
}
input[type=text], input[type=password], input.textwidget, textarea { border: 1px solid #d7d7d7 }
input[type=text], input[type=password], input.textwidget { padding: .25em .5em }
input[type=text]:focus, input[type=password]:focus, input.textwidget:focus, textarea:focus {
 border: 1px solid #886;
}
option { border-bottom: 1px dotted #d7d7d7 }
fieldset { border: 1px solid #d7d7d7; padding: .5em; margin: 0 }
fieldset.iefix { background: transparent; border: none; padding: 0; margin: 0 }
* html fieldset.iefix { width: 98% }
fieldset.iefix p { margin: 0 }
legend { color: #999; padding: 0 .25em; font-size: 90%; font-weight: bold }
label { font-weight: bold; margin-right: 5px; }
label.disabled { color: #d7d7d7 }

/* Fix annoying Firefox outline */
a { outline: none; }
span.h1_small { font-size: small; vertical-align: middle; }

/* Clip table contents to prevent overflow... */
table { table-layout: fixed; overflow: hidden; word-wrap: break-word; } /* IE */
td { overflow: hidden; } /* Moz */

/* Styles for tabular listings such as those used for displaying directory
   contents and report results. */
table.listing {
 border-bottom: 1px solid #d7d7d7;
 border-collapse: collapse;
 border-spacing: 0;
 margin-top: 1em;
 width: 100%;
}
table.listing th { text-align: left; padding: 0 1em .1em 0; font-size: 12px }
table.listing thead { background: #f7f7f0 }
table.listing thead th {
 border: 1px solid #d7d7d7;
 border-bottom-color: #999;
 font-size: 11px;
 font-weight: bold;
 padding: 2px .5em;
 vertical-align: bottom;
}
table.listing thead th.right { text-align: right; }
table.listing thead th :link:hover, table.listing thead th :visited:hover {
 background-color: transparent;
}
table.listing thead th a { border: none; }
table.listing th.asc a, table.listing th.desc a { font-weight: bold }
table.listing th.asc a, table.listing th.desc a {
 background-position: 100% 50%;
 background-repeat: no-repeat;
 padding-right: 12px;
}
table.listing th.asc a { background-image: url('icons/asc.png') }
table.listing th.desc a { background-image: url('icons/desc.png') }
table.listing tbody td, table.listing tbody th {
 border: 1px dotted #ddd;
 padding: .33em .5em;
 vertical-align: top;
}
table.listing tbody td a:hover, table.listing tbody th a:hover {
 background-color: transparent;
}
table.listing tbody tr { border-top: 1px solid #ddd }
table.listing tbody tr.even { background-color: #fcfcfc }
table.listing tbody tr.odd { background-color: #f7f7f7 }
table.listing tbody tr:hover { background: #eed }
table.listing tbody tr.select { background-color: #ccc !important }

h1 .sep { color: #666; padding: 0 .1em }
#dirlist th.name, td.name { width: 68% }
#dirlist td.name a, #dirlist td.name span {
 background-position: 0% 50%;
 background-repeat: no-repeat;
 padding-left: 20px;
 margin-left: 2px;
}

#dirlist td.mtime, #dirlist th.mtime { width: 160px }
#dirlist td.size, #dirlist th.size { width: 70px }
#dirlist td.select, #dirlist th.select { width: 25px; text-align: center; }
#dirlist td.size, #dirlist td.mtime, #dirlist td.actions {
 color: #888;
 white-space: nowrap;
 vertical-align: baseline;
 text-align: right;
}
#dirlist td.name a.up { background-image: url('icons/go-up.png') }
#dirlist td.name a.dir { background-image: url('icons/folder.png') }
#dirlist td.name a.file { background-image: url('icons/file.png') }

#toolbox a {
 background-position: 0% 50%;
 background-repeat: no-repeat;
 padding-left: 20px;
 margin-left: 2px;
}

#toolbox a.newFolder { background-image: url('icons/folder-new.png') }
#toolbox a.upload { background-image: url('icons/upload.png') }
#toolbox a.rename { background-image: url('icons/edit-rename.png') }
#toolbox a.delete { background-image: url('icons/edit-delete.png') }
#toolbox a.warning { background-image: url('icons/warning.png') }
#toolbox a.refresh { background-image: url('icons/refresh.png') }

div.toolbox {
	padding:     3px;
	margin-top:  5px;
	margin-left: 20px;
	border-left: 2px solid brown;
}

/* Line breakers... */
#dirlist td.name a span {
  position:absolute;
  left:0px;
  top:-500px;
  width:1px;
  height:1px;
  overflow:hidden;
  z-index:0;
}

#toolboxContainer
{
	width: 300px;
	position: fixed;
	top: 3em;
	right: 0;
}

#toolbox_delete_confirm, #toolbox_newFolder_data { visibility: hidden; }
#header { min-height: 2em; }

div.dragObject
{
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 22px;
	border: 1px solid black;
	background: #ccb url('icons/edit-rename.png') no-repeat 0% 50%;
	cursor: move;

	background-position-x:0%; background-position-y:50%; padding-left:20px; background-image:url('icons/edit-rename.png'); background-repeat:no-repeat
}