/*elements*/
body,html                                  { color: #0e2523; font: small/125% Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; background: white url(../chrome/bkbg.gif) repeat-x; margin: 0px; padding: 0px; width: 100%; height: 100%; min-height: 100% }

/*containers*/
#container       { float: left; clear: left; margin: 0px; padding: 0px; width: 100%; height: auto; display: inline }
#logo   { background: url(../chrome/e_logo-trans.png) no-repeat 0px 0px; float: left; margin: 0px; padding: 0px; position: absolute; z-index: 4; top: 0px; left: 0px; width: 84px; height: 84px; display: inline }

/*top right*/
#contact        { color: white; font: small/120%; text-decoration: none; background-color: black; text-align: right; float: left; margin: 16px 0px 0px; padding: 4px 0px; border-style: solid; border-width: 0px 0px 1px 0px; border-color: white; width: 100%; display: inline }
#contact ul      { font-size: small; list-style-type: none; float: right; margin: 0px; padding: 0px 3em 0px 0px; display: inline }
#contact li    { color: #307b9e; font-size: small; float: left; display: inline }
#contact li a:visited    { color: white; font: x-small/170%; text-decoration: none; float: left; margin: 0px; padding: 0px; display: inline }
#contact li a:active    { color: white; font: x-small/170%; text-decoration: none; float: left; margin: 0px; padding: 0px; display: inline }
#contact li a:link    { color: white; font: x-small/170%; text-decoration: none; float: left; margin: 0px; padding: 0px; display: inline }
#contact li a:hover     { color: #307b9e; font: x-small/170%; text-decoration: none; float: left; margin: 0px; padding: 0px; display: inline }

/*banner*/
#banner      { background: black url(../chrome/fulllogo.gif) no-repeat; float: left; clear: both; margin: 0px; padding: 0px; border-style: solid; border-width: 1px 0px 1px 0px; border-color: white; width: 100%; height: 100px; display: inline }

/* menu*/
#menu      { font-size: small; line-height: 120%; background-color: #fa440f; text-align: left; float: left; margin: 0px; padding: 4px 0px; z-index: 3; width: 100%; display: inline }
#menu ul        { float: right; margin: 0px; padding: 0px 3em 0px 0px; display: inline }
#menu li       { color: #f90; font-weight: bold; font-size: x-small; list-style-type: none; float: left; margin: 0px; padding: 0px; display: inline }
#menu li  a:visited       { color: white; font-style: normal; font-weight: normal; font-size: small; text-decoration: none; list-style-type: none; float: left; margin: 0px; padding: 0px; display: inline }
#menu li  a:active       { color: white; font-style: normal; font-weight: normal; font-size: small; text-decoration: none; list-style-type: none; float: left; margin: 0px; padding: 0px; display: inline }
#menu li  a:link       { color: white; font-style: normal; font-weight: normal; font-size: small; text-decoration: none; list-style-type: none; float: left; margin: 0px; padding: 0px; display: inline }
#menu li  a:hover         { color: #f90; font-style: normal; font-weight: normal; font-size: small; text-decoration: none; list-style-type: none; float: left; margin: 0px; padding: 0px; display: inline }

* { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }


/* container */
#main { margin: 20px 0px 20px 0px; float:left; clear:left; display:inline }

h1  { font-style: italic; font-weight: normal; font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 3px; margin: 0px 0px 20px; display: inline }

h2 { font-weight:normal; font-size: 11px; margin-left: 15px; display:inline; }

/* fields */
.filenumber { width:10px; padding: 0px 10px 0px 10px; border-left:1px solid #ddd; color:#777; text-align:center; }
.filename { }
.filesize { text-align:right; padding:0px 20px 0px 10px; }
.filetype { width:160px; }
.modified { width:100px; border-right:1px solid #ddd; padding: 0px 10px 0px 0px; }

/* file links */
a { color: #ee0000; text-decoration: none; }
a:hover { color: #440000; text-decoration: underline; }

/* folder link */
.folder a { font-weight:bold; }

/* parent folder link*/
.parentFolderRow a { color:#000; }

/* file table */
table { width:100%; }

/* rows */
.border { border-top: 1px solid #ddd; }
.folderRow { background-color:#eeeeee; }
.rowColor1 { background-color: #f9f9f9; }
.rowColor2 { }

/* row hover effect */
.rowHover { background-color: #e6e6e6; cursor: pointer; }

.monospace { font-family: "Lucida Console", Courier, Mono; font-size: 10px; }

/*footer*/
#footer      { color: white; font-size: small; background-color: #29403e; text-align: right; float: left; clear: left; margin: 1% 0px 0px; padding: 4px 0px; width: 100%; display: inline }
#footer p   { float: right; clear: left; margin: 0px; padding: 0px 1em 0px 0px; display: inline }
#footer a:active  { color: white; text-decoration: none }
#footer a:visited  { color: white; text-decoration: none }
#footer a:link  { color: white; text-decoration: none }
#footer a:hover   { color: #0e2523; text-decoration: none }
#form    { float: left; clear: left; margin: 80px 0px 0px; padding: 0px; width: 600px }
#form table { margin: 0px auto; width: 450px }
#form label  { font-style: italic; font-size: large; line-height: 125%; font-family: Georgia, "Times New Roman", Times }
#form .button   { color: #7d7d97; margin: 4px 0px 0px 20px; padding: 0px; border: solid 1px #7d7d97; width: 100px }
#form .button:hover    { color: white; background-color: #29403e; margin: 4px 0px 0px 20px; padding: 0px; border: solid 1px #29403e; width: 100px }
#outerform  { background: url(../chrome/fuluploader.jpg) repeat-x; margin: 30px auto 0px; padding: 0px 0px 30px; width: 605px; height: 400px }
#message  { color: green; float: left; clear: left; margin: 43px 0px 0px 200px; padding: 0px; width: 200px; display: inline }
