/*
 * Copyright (c) 2003 - 2007 OpenSubsystems s.r.o. Slovak Republic. All rights reserved.
 * 
 * Project: OpenSubsystems
 * 
 * $Id: application.css,v 1.2 2007/01/07 06:14:08 bastafidli Exp $
 * 
 * This program 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; version 2 of the License. 
 * 
 * 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 
 */

/*
 * CSS file containing default look and feel and layout for the application 
 * layout. The look and feel specified in this file for classes of elements 
 * can be customized in individual pages by specifying CSS style for the IDs 
 * of the elements.
 *
 * @version $Id: application.css,v 1.2 2007/01/07 06:14:08 bastafidli Exp $
 * @author Miro Halas
 * @code.reviewer Miro Halas
 * @code.reviewed 1.9 2006/04/20 00:14:37 jlegeny
 */

/* DIV covering entire HTML body. It is initially hidden until fully loaded. */
.clsWholePage {
   position: relative;
   display: none;

   width: 100%;
   min-width: 560px;

   margin-top: 0px;
   margin-left: 0px;
   margin-bottom: 0px;
   margin-right: 0px;
   padding-top: 0px;
   padding-left: 0px;
   padding-bottom: 0px;
   padding-right: 0px;
   border-top: 0px solid White;
   border-left: 0px solid White;
   border-bottom: 0px solid White;
   border-right: 0px solid White;
}

/* DIV representing header of the website. I want to have border around 
   the content therefore I specify padding here */
.clsHeader {
   position: relative;

   padding-left: 5px;
   padding-right: 5px;
}

/* DIV representing body (betwen header and footer) of the website. */
.clsBody {
   position: relative;

   padding-left: 0px;
   padding-right: 0px;
}

/* DIV inside of body (betwen header and footer) of the website containing
   the actual content of the page. I want to have border around it therefore
   I specify padding here */
.clsBodyContent {
   position: relative;
   padding: 5px 5px 5px 5px;
}

/* DIV representing footer of the website. I want to have
   border around the content therefore I specify padding here */
.clsFooter {
   position: relative;

   padding-left: 5px;
   padding-right: 5px;
}

/* DIV displayed on the left side of the header of the page */
.clsAppLeftSideHeader {
   position: relative;
   padding-top: 5px;
   padding-bottom: 5px;
   text-align: left;
}

/* Name of the application */
.clsAppLogo {
   position: relative;
   float: left;
   width: 220px;
}

.clsAppToolbar {
   position: relative;
   float: left;
   z-index: 10;
}

/* DIV displayed on the right side of the header of the page */
.clsAppRightSideHeader {
   position: absolute;
   width: 50em;
   top: 10px;
   right: 5px;   
   font: normal normal normal 13px "Bitstream Vera Sans", Geneva, Arial, Helvetica, sans-serif;
   text-align: right;
   z-index: 0;
}

/* Style for domain name displayed in the header */
.clsAppDomainHeader {
   color: #DEDEDE;
}

/* List of items */
.clsAppItemList {
   position: relative;
}

/* Preview pane below the list, initially hidden */
.clsAppItemPreview {
   position: relative;
   margin-top: 5px;
   /* The overflow has to be set otherwise in mozilla the text overlaps the margin
      of the container and in IE the box stretches over the container's border */
   overflow: hidden;
}