/*   ********************************************************************   **
**   Copyright notice                                                       **
**                                                                          **
**   (c) 1995-2002 PHPOpenChat Development Team                             **
**   http://phpopenchat.sourceforge.net/                                    **
**                                                                          **
**   All rights reserved                                                    **
**                                                                          **
**   This script is part of the PHPOpenChat project. The PHPOpenChat        **
**   project 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.                                    **
**                                                                          **
**   The GNU General Public License can be found at                         **
**   http://www.gnu.org/copyleft/gpl.html.                                  **
**   A copy is found in the textfile GPL and important notices to the       **
**   license from the team is found in the textfile LICENSE distributed     **
**   with these scripts.                                                    **
**                                                                          **
**   This script 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.                           **
**                                                                          **
**   This copyright notice MUST APPEAR in all copies of the script!         **
**   ********************************************************************   */

/*
  $Author: letreo $
  $Date: 2003/03/28 15:08:40 $
  $Source: /cvsroot/phpopenchat/chat3/include/templates/openchat/css/default.css,v $
  $Revision: 1.16 $
*/

/* Generic settings */
html,body
{
  height: 100%;
}

body,div,p,a,span,em,strong,th,td,li,h1,h2,h3
{
  font-size: 1em;
  font-family: arial, helvetica, geneva, sans-serif;
}

body,.content,.satContent,.chatterCountField
{
  color: #000;
  background-color: #ddffff;
}

body
{
  /* sizing and positioning */
  margin: 0;
  padding: 0;
  
  /* fancy scrollbars specially for our IE users :] */
  /*

  scrollbar-base-color: #efefef; 
  scrollbar-arrow-color: #000088;
  scrollbar-DarkShadow-Color: #000088; 

  overflow-x: auto;
  overflow-y: auto;
  */
}

td,th
{
  text-align: left;
  vertical-align: top;
}

fieldset
{
  margin-top: 10px;
  border: 1px solid #DDFFFF; /* war yellow */
}


.content,.satContent
{
  color: #000;
  background-color: #FFFFFF; /* if you change this, you must also change body */
  
  /* sizing and positioning */
  float: left;
  padding-left: 10%;
  width: 60%;
  height: 100%;
}
.werbung
{
  color: #000;
  background-color: #EDFFFF; /* if you change this, you must also change body */
  border: 1px dotted black;
  /* sizing and positioning */
  float: left;
  padding-left: 2%;
  width: 480;
  height: 90%;
}
.satContent
{ 
  padding-left: 3%;
}

.menu
{
  color: #000;
  background-color: #DDFFFF; /* rechtes menü startseite if you change this, you must also change div.menu a:link,visited */
  border-left: 2px dotted black;
  border-bottom: 2px dotted black;
  
  /* sizing and positioning */
  margin-left: 70%; /* if you change this, you must also change .content (width, padding-left) */
  padding-left: 10px;
  height: 98%;
}

div.content h1, div.satContent h1
{
  color: #000000; /* schriftfarbe willkommen 

  /* sizing and positioning */
  margin: 0;
  padding-top: 10px;
  padding-bottom: 5px;
}
div.menu p{
  font-size: 10px
}
div.menu h1
{
  color: #faf;

  /* sizing and positioning */
  margin: 0;
  padding-top: 10px;
  padding-bottom: 5px;
}
div.menu li
{
  list-style-type: circle;
  padding-left:0;
}

.contentBox, .satContentBox, .inputFilterBox
{
  background-color: #EDFFFF;
  border: 1px dotted black;
  /*font-size: 10px;*/
  
  /* sizing and positioning */
  padding: 5px;
  margin-bottom: 12px;
}
div.inputFilterBox dd{ font-size: 10px }
div.contentBox { 
  width: 550px; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 450px;
} 
html>body .contentBox {
  width: 450px;
}
/*
div.satContentBox { 
  width: 490px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 390px;
}
html>body .satContentBox {
  width: 390px;
}
*/

div.contentBox dd
{
  font-size: 10px;
}

.menuBox
{
  background-color: #EDFFFF; /* gesamt hintergrund der rechten menuebox auf der index */
  border: 1px dotted black;
  
  /* sizing and positioning */
  padding: 5pt;
  width:93%;
}
div.menuBox dd
{
  margin: 0;
  padding: 3pt;
}
div.menuBox td,th
{
  font-size: 10px;
}

div.flagBox
{
  padding-bottom: 5px;
  text-align: right;
  padding-right: 5px; 
  margin-bottom: 10px; 
}

/* * * Titels * * */

.contentBoxTitle, th.title
{
  font-size: 11px;
  font-weight: bold;
  background-color: #ECFFFF;
}

.menuBoxTitle
{
  font-weight: bold;
  color: #000000; /* farbe für das wort statistiken */
  background-color: #ECFFFF; /* hintergrund für die zeile statistiken */
}

.menuBoxItemOdd
{
  background-color: #EDFFFF; /* hintergund für letzte 24 std, reg chatter, mails gesamt */
}

.menuBoxItemEven
{
  background-color: #ECFFFF; /* die jeweils darunter liegende zeile */
}

/* * * Link related * * */

a{
  line-height: 1.5;
}

a:link, a:active, a:visited  { color: #0000ff; 
				  			   font-family: comic sans ms, arial; 
				  			   font-weight: bold;
							   text-decoration:none; }
a:hover { color: #ff0000 }

.contentLink {
  color: #000;
  /*font-weight: bold;*/
}

div.menu li a
{
  font-size: 10px;
}
div.content div.contentBox a, div.satContent div.contentBox a
{
  background-color: #EDFFFF;
  font-size: 10px;
}

div.ccontent a:link, div.satContent a:link {
  background: none #EDFFFF;
  color: #0000ff; 
  font-family: comic sans ms, arial; 
  font-weight: bold;
  text-decoration:none;
}

div.ccontent a:visited, div.satContent a:visited {
  background: none #EDFFFF;
  color: #0000ff; 
  font-family: comic sans ms, arial; 
  font-weight: bold;
  text-decoration:none;
}

/*a:link.contentLink, a:visited.contentLink {background: none #fff;}*/

div.content a:hover, div.satContent a:hover {
  color: #ff0000;
}

div.content a:active, div.satContent a:active, chatterCountField {
  background: #ECFFFF; /* hier stand hinter background none */
  color: #0000ff; 
  font-family: comic sans ms, arial; 
  font-weight: bold;
  text-decoration:none;
}

div.menu a:link {
  background: none #DDFFFF;
  color: #0000ff; 
  font-family: comic sans ms, arial; 
  font-weight: bold;
  text-decoration:none;
}

div.menuBox a:link
{
  background: none #EDFFFF;
}

div.menu a:visited {
  background: none #DDFFFF;
  color: #0000ff; 
  font-family: comic sans ms, arial; 
  font-weight: bold;
  text-decoration:none;
}

div.menu a:hover {
  color: #ff0000;
}

div.menu a:active {
  background: none #DDFFFF;
  color: #0000ff; 
  font-family: comic sans ms, arial; 
  font-weight: bold;
  text-decoration:none;
}

div.menu div.buttonBox a:hover,
div.menu a.imageLink:hover,
div.content a.imageLink:hover,
div.satContent a.imageLink:hover,
td.helpIcon a:hover
{
  text-decoration: none;
  background: none;
  border: none;
}

/* * * Table related * * */

th.formFieldLabel
{
  font-weight: normal;
  font-style: italic;
}

td.helpIcon, td.helpIcon a:hover
{
  vertical-align: middle;
  cursor: help;
}
td.helpIcon a:link, td.helpIcon a:link, td.helpIcon a:visited
{
  background: none;
  cursor: help;
}

div.content div.contentBox td.chatterTable,
div.satContent div.contentBox td.chatterTable
{
  vertical-align: middle;
  /*font-size: 10px;*/
  color: #000;
  background-color: #EDFFFF;
  border-top: 1px solid brown;
  border-right: 1px solid brown;
  border-bottom: 1px solid brown;
}

div.content div.contentBox td.chatterTableImgCell,
div.satContent div.contentBox td.chatterTableImgCell
{
  vertical-align: middle;
  /*width: 20px;*/
  border-top: 1px solid brown;
  border-left: 1px solid brown;
  border-bottom: 1px solid brown;
}
div.content div.contentBox td,
div.satContent div.contentBox td,
div.content div.satContentBox td,
div.satContent div.satContentBox td,
p
{
  font-size: 10px;
}

div.contentBox ul{
 padding-left:15px;
}
div.menu ul{
 padding-left:10px;
 margin: 0;
 margin-left: 3px;
}

td.filterboxItems
{
  font-size: 10px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  font-size: 10px;
}

/* * * Form related * * */

.loginInput
{
  width: 130px;
}
.profileInput
{
  width: 160px;
}
.registerInput
{
  width: 230px;
}

div.contentBox input, div.contentBox select, div.contentBox textarea
{ 
  border: 1px solid brown;
  background-color: #FFFFFF; /* eingabezeilen und boxen im chat */
}

div.contentBox input.submit
{
  border: 2px solid brown;
  background-color: #EDFFFF;
  font-style: italic;
  font-weight: bold;
  font-stretch: expanded;
  /*width: 130pt;*/
}

dd select.selectbox,dd select.selectbox option, dd select.selectbox optgroup
{
  font-size:11px;
  padding-left: 3px;
}

/* * * List related * * */

dt {padding-left: 3pt}
dl.help dt
{
  font-weight: bold;
  background-color: #ff922d; /* untergrund des help in den hilfefenstern */
  padding: 3pt;
}
dl.help dd
{
  margin-left: 6pt;
  font-size: 10px;
}

/* * * Guestbook * * */
.guestbookEntryTitle
{
  text-decoration: underline;
  font-weight: bold;
}

/* * * Generic * * */
.success
{
  color: #000000;
  font-size: 10px;
  font-weight: bold;
}

.error
{
  color: #f00;
  font-size: 10px;
  font-weight: bold;
}