/*
  Copyright Notice
  ================
  
  Copyright 2003 Adam Sutton
  
  Copying Permission
  ------------------
  
  This script is free software; you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published by
  the Free Software Foundation; either version 2 of the License, or
  (at your option) any later version.
 
  This program is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU General Public License for more details.
  
  You should have received a copy of the GNU General Public License
  along with this program; if not, write to the Free Software
  Foundation, Inc., 59 Temple Place, Suite 330, Boston, 
  MA  02111-1307  USA

  ********************************************************************

  Script Info
  ===========

  Author        : Adam Sutton

  Project       : asPhpFtp
         
                    An FTP client written entirely in PHP, designed to 
                    facilitate access to FTP servers through WWW interface.

                    For this reason an effort has been made to stick to 
                    using basic HTML output, with only optional use of
                    such things as javascript.

  Script        : themes/graphical/style.css
  
                    Stylesheet for the basic graphical theme
  
  Created       : 25/04/2004
*/

/************************************************************************
 * Header and Footer
 ************************************************************************/

@import "css/header-footer.css";
@import "css/header-footer-spacer.css";

/************************************************************************
 * File List 
 ************************************************************************/

@import "css/file-list.css";

/************************************************************************
 * Forms
 ************************************************************************/

@import "css/forms.css";

/************************************************************************
 * Tables
 ************************************************************************/

@import "css/tables.css";

/************************************************************************
 * Miscellaneous
 ************************************************************************/

/* Body format */
body {
  background:#f2f1f1;
    font-family: Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	padding-top:45px;
	text-align:center;
}

form {
    margin:0;
    padding:0;
}

img {
    border:0 !important;
}

input, textarea {
    border: 1px solid #B7B9B6 !important;
    font-size:12px;
}

input.submit {
    background:#4592D5;
    border:white 1px solid !important;
    color:white;
    font-size:10px;
    font-weight:bold;
    margin:1px;
}

input.submit:hover {
    background:#50A9F6;
}

input.image {
  border:0 !important;
}

input.checkbox {
  border:0 !important;
}

#commandForm, #filelistCommandPrompt {
    left:25%;
    top:25%;
    position:absolute;
    text-align:center;
}

#commandFrame, #filelistCommandPrompt {
    background:url('../../images/filelistTableHeader.gif') bottom repeat-x white;
    border:3px solid #4593D6;
    display:block;
    font-size:12px;
    padding:5px;
    padding-bottom:25px;
    text-align:left;
    width:350px;
}

* html #commandFrame {
    padding-bottom:5px;
}

#filelistCommandPrompt {
    padding-bottom:5px;
}

#commandFrame input, #filelistCommandPrompt input {
    float:right;
}

#filelistCommandMessage {
     font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
    color:black;
    text-transform:none;
}

#tooltip {
    position:absolute;
    visibility:hidden;
    z-index:100;
    text-align:justify;
 background:#F7FBFF;
	border:1px solid #4592D5;
    font-size:11px;
    padding:2px;
    text-align:left;
}


/***************************************************************************
 * Main Content
 ***************************************************************************/

#main {
    background:white;
	border-top: 1px solid #B7B9B6 ;
	border-left: 1px solid #B7B9B6 ;
	border-right: 1px solid #B7B9B6 ;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:80%;
}

#frame {
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:80%;
}

#content {
    display:block;
    margin:0;
    padding:10px;
    text-align:center;
}

/** 
 * Links
 */

/* Normal */

#filelistCommands {
    list-style: none !important;
    margin:0 !important;
    padding:0 !important;
    font-size:10px;
}

#filelistCommands ul {
	margin: 0;
	padding: 0;
	list-style: none !important;
	width: 100px;
	border-bottom: 1px solid #ccc;
}
	
#filelistCommands ul li {
	position: relative;
    text-align:left;
}

#filelistCommands li ul {
	position: absolute;
	display: none;
}

/* Styles for Menu Items */
#filelistCommands ul li a {
	display: block;
	text-decoration: none;
	color:#022F5E;
	background: #fff; /* IE6 Bug */
	border: 1px solid #ccc; /* IE6 Bug */
	border-bottom: 0;
    padding:2px;
}

#filelistCommands ul li a:hover {
    background:#FFF6D1;
}
	
/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

#filelistCommands li:hover ul, #filelistCommands li.over ul {display: block; } /* The magic */


#filelistCommands img {
    vertical-align:middle;
}

.currentPath {
    background:url('../../images/filelistTableHeader.gif') bottom repeat-x;
    border:1px solid #B0B0B0;
    color:#022F5E;
    display:block;
    font-size:12px;
    font-weight:bold;
    margin-bottom:3px;
    padding-left:3px;
    text-align:left;
    vertical-align:middle;
}

.currentPath img {
    vertical-align:bottom;
}

.currentTools {
    background:url('../../images/filelistTableHeader.gif') bottom repeat-x;
    border:1px solid #B0B0B0;
    color:#022F5E;
    float:right;
    font-size:12px;
    font-weight:bold;
    margin-bottom:3px;
    padding:1px;
    padding-left:3px;
    text-align:left;
    vertical-align:middle;
    text-decoration:none;
}

.currentTools:hover {
    background:url('../../images/dropShadow.gif') bottom repeat-x;
}

.currentTools img {
    vertical-align:bottom;
}