/*   ********************************************************************   **
**   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: 2004/03/04 17:44:18 $
  $Source: /cvsroot/phpopenchat/chat3/include/templates/openchat/css/default.css,v $
  $Revision: 1.16.2.5 $
*/

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

body,div,p,a,span,em,strong,th,td,li,h1,h2,h3 /* diese Begriffe sollten bekannt sein! */
{
  font-size: 1em; /* es wird Fett geschrieben */
  font-family: verdana, arial, helvetica, geneva, sans-serif; /* die gewünschte Schriftart, immer mehrere angeben */
}

body,.content,.satContent,.chatterCountField /* Farbe des Hintergrundes und einiger Felder */
{
  color: #000; /* Schriftfarbe */
  background-color: #811709; /* Hintergrund */
}

body /* Position der Seite und Angaben für die Scrollbars-Farben, nur MS IExplorer */
{
  /* sizing and positioning */
  margin: 0;
  padding: 0;

  /* fancy scrollbars specially for our IE users :] */
 	scrollbar-face-color: #811709;
	scrollbar-highlight-color: #9d4b38;
	scrollbar-3dlight-color: #ede5c0;
	scrollbar-darkshadow-color: #811709;
	scrollbar-shadow-color: #811709;
	scrollbar-arrow-color: #ede5c0;
	scrollbar-track-color: #000000;
	overflow-x: auto;
    overflow-y: auto;
}

td,th /* innerhalb dieser wird der Text linksbündig nach oben gesetzt */
{
  text-align: left;
  vertical-align: top;
}

fieldset /* wird nur in der Datei registger.tpl angewendet #E5C594 */
{
  margin-top: 10px;
  border: 1px solid #EDE5C0;
}

.content,.satContent /* Angaben für die content und satContent Boxen bei index.tpl, Konfigure.tpl usw. */
{
  /* sizing and positioning */
  float: left;
  padding-left: 10%;
  width: 60%;
  height: 100%;
}

.satContent /* Angabe nur für sat.Content */
{
  padding-left: 3%;
}

.werbung /* Angaben für den Werbeframe */
{
  color: #000;
  background-color: #E6DDB2; /* if you change this, you must also change body */
  border: 1px dotted black;
  /* sizing and positioning */
  float: left;
  padding-left: 2%;
  height: 90%;
}

.menu /* Angaben für Menü, z.B. die Flaggen um die Sprache zu wählen, der Hinweis "Fenster schließen" usw. */
{
  color: #000;
  background-color: #EDE5C0; /* 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 /* Angaben für die Überschriften (H1) innerhalb conten und satContent Boxen */
{
  color: #000000;

  /* sizing and positioning */
  margin: 0;
  padding-top: 10px;
  padding-bottom: 5px;
}
div.menu p{ /* Schriftgröße bei menu, z.B. "Fenster schließen" in den sich öffnenden Fensterchen */
  font-size: 9px
}
div.menu h1 /* Schriftfarbe und Postion von Überschriften innerhalb menu */
{
  color: #faf; /* Schriftfarbe */

  /* sizing and positioning */
  margin: 0;
  padding-top: 10px;
  padding-bottom: 5px;
}
div.menu li /* Setzt Punkte vor die Worte, z.B. das rechte Menü im default Template des PhpOpenChat */
{
  list-style-type: circle;
  padding-left:0;
}

.contentBox, .satContentBox, .inputFilterBox /* inputFilterBox wird nur angewendet in der filter.tpl */
{
  background-color: #E6DDB2;
  border: 1px dotted black;
  /*font-size: 9px; wenn Schriftgröße verändert werden soll bitte die nicht ausdokumentieren*/

  /* sizing and positioning */
  padding: 5px;
  margin-bottom: 12px;
}
div.inputFilterBox dd{ font-size: 9px }
div.contentBox {  /* Dies sind die rechten Felder auf der Startseite und die Felder, links, in den sich öffnenten Fenster */
  voice-family: "\"}\"";
  voice-family:inherit;
/* war mal 450 sind die Felder auf der Startseite und in den sich öffnenden Fenstern auf der linken Seite. Wurde aufgrund des Umbaus der index.tpl bei hhc_gt von mir größer gemacht. Dadurch reichen die Linken Felder in den sich öffnenden Fenstern nun in das Rechte hinein! */
  width: 500px;
}
html>body .contentBox {
  width: 500px;
}
/*
div.satContentBox {
  width: 490px;
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 390px;
}
html>body .satContentBox {
  width: 390px;
}
*/

div.contentBox dd /* Schriftgröße innerhalb der <dd> anweisungen */
{
  font-size: 9px;
}

.menuBox /* Z.B. auf der Startseite rechts die Statistikbox */
{
  background-color: #E6DDB2;
  border: 1px dotted black;

  /* sizing and positioning */
  padding: 5pt;
  width:93%;
}
div.menuBox dd /* Angaben für die Inhalte innerhalb <dd> */
{
  margin: 0;
  padding: 3pt;
}
div.menuBox td,th/* Angaben für die Inhalte innerhalb <td> und <th> */
{
  font-size: 9px;
}

div.flagBox /* Die Box in welcher die Flaggen für die Wahl der Sprache angezeigt wird. */
{
  padding-bottom: 5px;
  text-align: right;
  padding-right: 5px;
  margin-bottom: 10px;
  line-height: 26px;
}

/* * * Titels bei den einzelnen Boxen * * */

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

.menuBoxTitle
{
  font-weight: bold;
  color: #000000;
  background-color: #fffacd;
}

.menuBoxItemOdd
{
  background-color: #EDE5C0;
}

.menuBoxItemEven
{
  background-color: #fffacd;
}

/* * * Link related Höhe eines Textlink * * */

a{
  line-height: 1.5;
}

.contentLink { /* Schriftfarbe eines Textlink z. auf der Startseite "Registriere dich, Passwort vergessen, Stammtisch, Hilfe */
  color: #000; /* Farbe ist schwarz */

}

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

div.content a:link, div.satContent a:link { /* Angaben für Links */
  color: #009;
  background: none #E6DDB2;
}

div.content a:visited, div.satContent a:visited { /* Angaben für besuchte Links */
  color: #609;
  background: none #E6DDB2;
}

div.content a:hover, div.satContent a:hover { /* Angaben für den Mous Over Effekt bei Links */
  color: #080;
  text-decoration: none;
  border-top: 1px dotted black;
  border-bottom: 1px dotted black;
  background: none #E4C492; /* light yellow */
}

div.content a:active, div.satContent a:active {
  color: #900;
  background: none #F5DEB3;
}

/**********************************************
*
*format Chatters Online List
*
*/

div.chattersOnline
{
width: 165px;
height: 310px:

}
input.chatterCountField
{
  font-weight: bold;
  color: #900;
  background: none #fff;
  font-size: 11px;
  height:25px;
  vertical-align: middle
  width:110px;
  border:none;
  background-color:none #F5DEB3
}

select.chattersOnlineField
{
  color: #900;
  background: none #fff;
  font-size: 11px;
  height: 270px;
  width:110px;
  border:none;
  font-size:10px;
  background-color:none #F5DEB3

}

.chatterCountField, .chattersOnlineField {

margin-left: 25px;

}



div.menu a:link { /* Link in einem Menü */
  color: #000;/*#009*/
  background: none #EDE5C0;
}

div.menuBox a:link /* Link in einer Menübox */
{
  background: none #E6DDB2;
}

div.menu a:visited { /* Besuchter Link im Menü */
  color: #000;/*#609*/
  background: none #EDE5C0;
}

div.menu a:hover { /* Mouse over Effekt eines Link im Menü */
  color: #0033CC;
  text-decoration: none;
  border-top: 1px dotted black;
  border-bottom: 1px dotted black;
  background: none #FFFFCB;
}

div.menu a:active { /* Aktiver Link in einem Menü */
  color: #900;
  background: none #EDE5C0;
}

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 /* Angaben für die kleinen Help Icons neben den Eingabefeldern */
{
  vertical-align: middle;
  cursor: help;
}
td.helpIcon a:link, td.helpIcon a:link, td.helpIcon a:visited /* Angaben für die kleinen Help Icons neben den Eingabefeldern */
{
  background: none;
  cursor: help;
}

/* Unter anderem die Darstellung der Chatter Table auf der Startseite */
div.content div.contentBox td.chatterTable,
div.satContent div.contentBox td.chatterTable
{
  vertical-align: middle;
  /*font-size: 9px;*/
  color: #000;
  background-color: #E6DDB2;
  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 /* Allgemein verwendete Schriftgröße bei Text ohne andere Classe */
{
  font-size: 9px;
}

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

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

/* * * 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;
}

div.contentBox input.submit /* Angabe submit für die Submit Buttons in der admin.tpl */
{
  border: 2px solid brown;
  background-color: #EDE5C0;
  font-style: italic;
  font-weight: bold;
  font-stretch: expanded;
}

dd select.selectbox,dd select.selectbox option, dd select.selectbox optgroup /* Angaben für alle Selectboxen */
{
  font-size:11px;
  padding-left: 3px;
}

/* * * List related * * */

dt {padding-left: 3pt}
/* Angaben für die kleinen Hilfe Fensterchen */
dl.help dt
{
  font-weight: bold;
  background-color: #e6ddb2;
  padding: 3pt;
}
dl.help dd /* Angaben für die kleinen Hilfefensterchen */
{
  margin-left: 6pt;
  font-size: 9px;
}

/* * * Guestbook Angaben für den Titel eines Gästebucheintrages * * */
.guestbookEntryTitle
{
  text-decoration: underline;
  font-weight: bold;
}

/* * * Generic Anwendung bei neuen Gästebucheinträgen, Notzien zu Chattern, register.tpl, Paswort zusendne lassen * * */
.success
{
  color: #000000;
  font-size: 10px;
  font-weight: bold;
}

.error /* Angaben für das aussehen einer Fehlermeldung */
{
  color: #f00;
  font-size: 10px;
  font-weight: bold;
}


/**********************************************************
 * Formating for Smileylist

*/

table.SmileyList
{
  border: none;

}
th.SmileyList
{

  font-size: 12px;
  font-weight: bold;
}
td.SmileyList
{
  vertical-align: middle;
  padding-bottom: 3px;
  padding-top: 3px;
  padding-right: 3px;
  padding-left: 3px;
  text-align: center;
  border-width: 1px;
  border-style: dotted;
  margin:0px;


}
div.SmileyList
{
  vertical-align: middle;
  height: 30px;
  border: 4px;
  border-style: outset;
  color: 000;
  background-color: #F5DEB3;
  font-size: 12px;
  font-weight: bold;
  text-indent: 15px;
}

.awaymessage  /* aussehen der Away Meldung die im Inputframe unter dem Menü ausgegeben wird */
{
  font-size: 12px;
  font-weight: bold;
  color: #FF0000;
  background-color: #FFFFCC;
}