//****************************************************************************
// WikiWebWeaver
//
// Copyright (C) 2003-2004
//    Author: Jean-Sébastien Rousseau-Piot (http://www.digi-sight.com)
//    Contributors: cf README file
// ***************************************************************************
// This file is part of WikiWebWeaver.
//
// WikiWebWeaver 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 any later version.
//
// WikiWebWeaver 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.
// ***************************************************************************
// $Id: main_styles.css,v 1.17 2004/09/06 13:53:43 cvsuser Exp $
// **************************************************************************/

/* ---------------------------------------------------------------------------
 * Generic styles
 *
 * These classes are used by the rendering engine
 *
 * -------------------------------------------------------------------------*/

/*
 * Version differences
 */
.diffoutput
{
}
.diffoutput div
{
  font-family: "Courier New", Courier, mono;
  border: 2px solid black;
  margin-bottom: 15px;
}
.diffoutput div p
{
  margin: 0;
  font-size: 120%;
  padding: 3px;
  background-color: #AAAAAA;
  border-bottom: 2px solid black;
}
.diffnew
{
  color: #40CC00;
}
.diffold
{
  color: #FF4000;
}

/*
 * Search form
 */
.searchoutput
{
  font-family: "Courier New",Courier, mono;
  font-size: 90%;
  line-height: 90%;
}
.searchoutput a
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
}
.found
{
  color: #000099;
  background-color: #FC6000;
  font-weight: bold;
}

/*
 * CODE:
 */
.code
{
  font-family: "Courier New", Courier, mono;
  font-size: 80%;
  line-height: 70%;
  color: #336000;
}

/*
 * PLAINTEXT:
 */
.plaintext
{
  font-family: "Courier New", Courier, mono;
  font-size: 90%;
  line-height: 90%;
  color: #000000;
}

/*
 * LEFT:
 */
.left
{
  text-align: left
}

/*
 * CENTER:
 */
.center
{
  text-align: center
}

/*
 * RIGHT:
 */
.right
{
  text-align: right
}

/*
 * JUSTIFY:
 */
.justify
{
  text-align: justify
}

/*
 * Missing page
 *
 * When a link is created to a wiki page that does not exist yet
 */
span.missingpage
{
  text-decoration: underline;
}
a.missingpage
{
}

/* ---------------------------------------------------------------------------
 * Toolbar classes
 *
 * Classes to customize toolbars (like administrator toolbar)
 *
 * -------------------------------------------------------------------------*/

.toolbar
{
  font-family: "Courier New", Courier, mono;
  font-size: 100%;
  font-weight: bold;
  color: #000000;
  background: #D74D4D;
  margin: 0px 0px 5px 0px;
  padding: 4px 10px 4px 10px;
}
.toolbar a
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #999999;
  text-decoration: none;
  font-size: 70%;
  font-weigth: bold;
  border: 0px;
}
.toolbar a:hover
{
  color: #222222;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
}

.toolbar .toolbar_header
{
  padding: 2px;
}

.toolbar .toolbar_option
{
  background: white;
  padding: 5px;
}
.toolbar .toolbar_mode
{
  padding: 2px;
}


/* ---------------------------------------------------------------------------
 * Custom classes
 *
 * These are common classes that can be used in any container
 *
 * To use then, use STYLE(stylename):
 *
 * Using custom style, you can have areas with custom rendering if a
 * associated css style is created
 *
 * -------------------------------------------------------------------------*/

.cadrevert
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 90%;
  background-color: #66CC66;
  padding: 10px;
  border: 1px solid #060;
}

.cadregris
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 70%;
  background-color: #EEEEEE;
  padding: 3px;
  border: 1px solid #000000;
}

/* ---------------------------------------------------------------------------
 * Container classes
 *
 * These classes are used for containers rendering
 *
 * Examples:
 * .content h1 for T1: titles
 * .content h4 for NOTE: style
 * -------------------------------------------------------------------------*/

.content
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  line-height: 100%;
  margin-top: 0px;
  margin-left: 5px;
  margin-right: 5px;
}

.content p
{
  text-align: justify;
  font-size: 90%;
}
.content h1
{
  font-size: 140%;
  font-weight: bold;
  color: #D74D4D;
  line-height: 120%;
}
.content h2
{
  font-size: 125%;
  font-weight: bold;
  color: #D74D4D;
  line-height: 120%
}
.content h3
{
  font-size: 110%;
  font-weight: bold;
  color: #D74D4D;
  line-height: 120%;
}
.content h4
{
  font-size: 90%;
  font-weight: normal;
  color: #000000;
  background-color: #CF6;
  padding: 10px
}
.content ol li
{
  font-size: 90%;
}
.content ul li
{
  font-size: 90%;
}
.content ul li ul li
{
  font-size: 100%;
}
.content ul li ol li
{
  font-size: 100%;
}
.content ol li ol li
{
  font-size: 100%;
}
.content ol li ul li
{
  font-size: 100%;
}
.content a
{
  color: #EE3333;
  text-decoration: none;
  border-bottom: 1px dotted red;
}
.content a:hover
{
  color: white;
  background-color: #EE3333;
}
.content td
{
  font-size: 90%;
  color: #000000;
}
.content pre
{
  font-family: "Courier New", Courier, mono;
  font-size: 90%;
  line-height: 90%;
  color: #000000;
}
.content form
{
  color: #000000;
}

/* ---------------------------------------------------------------------------
 * Footer classes
 *
 * These classes are used for container %%footer%%
 * -------------------------------------------------------------------------*/

.footer
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 80%;
  color: #006600;
  text-align: right;
  border-top: 2px solid #006600;
  width: 84%;
  margin-top: 10px;
  float: right;
}
.footer p
{
  margin: 0px;
  margin-right: 7px;
}
.footer a
{
  color: #006600;
  text-decoration: none;
}
.footer a:hover
{
  color: #00CC00;
  text-decoration: underline overline;
}

/* ---------------------------------------------------------------------------
 * Navigation bar classes
 *
 * These classes are used for container %%navbar%%
 * -------------------------------------------------------------------------*/

.navbar
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 80%;
  color: #006600;
  margin-top: 25px;
}
.navbar a
{
  color: #006600;
  text-decoration: none;
}
.navbar a:hover
{
  color: #00CC00;
  text-decoration: underline overline;
}

/* ---------------------------------------------------------------------------
 * Info classes
 *
 * These classes are used for container %%info%%
 * -------------------------------------------------------------------------*/

.info
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 70%;
  color: #006633;
  margin-right: 10px;
  margin-left: 10px;
}
.info a
{
  color: #00CC00;
}
.info a:hover
{
  color: #00CC00;
  text-decoration: underline overline;
}


/* ---------------------------------------------------------------------------
 * menu classes
 *
 * These classes are used for container %%left%%
 * -------------------------------------------------------------------------*/

.menu
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
  line-height: 80%;
  color: #006600;
  width: 200px;
  margin-left: 20px;
  margin-bottom: 10px;

  float: right;
}
.leftmenu h1
{
  color: #006600;
  font-size: 130%;
}
.leftmenu h2
{
  color: #006600;
  font-size: 110%;
}
.leftmenu a
{
  color: #00CC00;
}
.leftmenu a:hover
{
  color: #00CC00;
  text-decoration: underline overline;
}
.leftmenu b
{
  color: #F90;
}

/* ---------------------------------------------------------------------------
 * top menu classes
 *
 * These classes are used for container %%topmenu%%
*/

.topmenu ul
{
  margin: 0;
  padding: 0;
  cursor: default;
  position: absolute;
  left: 420px;
  top: 7px;
  white-space: nowrap;
}

.topmenu li
{
  list-style-type: none;
  display: inline;
  padding-left: 8px;
}

.topmenu a
{
  font-family: Verdana, Courier, Sans;
  font-size: 80%;
  color: #EE3333;
  text-decoration: none;
}
.topmenu a:hover
{
  color: #FFFFFF;
  background-color: #EE3333;
}

/* ---------------------------------------------------------------------------
 * Language Menu classes
 * -------------------------------------------------------------------------*/

.langmenu
{
  margin: 0;
  padding: 0;
  cursor: default;
  position: absolute;
  left: 0px;
  top: 0px;
}

.langmenu p
{
  margin: 0;
  padding: 0;
}

/* ---------------------------------------------------------------------------
 * Image List classes
 *
 * These classes are used for special plugin that list images
 * -------------------------------------------------------------------------*/
table.imagelist
{
  font-family: "Courier New", Courier, mono;
}

table.imagelist input
{
  border: 0px;
  background-color: white;
  font-weight: bold;
  color: #999999;
}
table.imagelist input:HOVER
{
  color: black;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
}
table.imagelist input.text
{
  border: 1px dotted black;
  color: black;
}
table.imagelist input.text:focus
{
  background-color: #EEEEEE;
}



/* ---------------------------------------------------------------------------
 * Other classes
 *
 * To add styles to other containers (like %%pageinfo%%), use the same
 * principle as above
 * -------------------------------------------------------------------------*/

BODY
{
  margin: 0px;
  padding: 0px;
}