/*   ********************************************************************   **
**   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: #FF8000; /* Schriftfarbe */
  background-color: #000000; /* 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: #ccaa00;
  scrollbar-track-color: #cccccc;
  scrollbar-arrow-color: #660000;

  scrollbar-highlight-color: #eeee44;
  scrollbar-3dlight-color: #eeeeaa;
  scrollbar-shadow-color: #eeaa22;
  scrollbar-darkshadow-color: #ee6622;
  overflow-x: auto;
  overflow-y: auto;
}

/* Hyperlinks */
 a:link    { color:#66FFFF; text-decoration:none; }
 a:visited { color:#006699; text-decoration:none; }
 a:hover   { color:#EE0000; text-decoration:none; background-color:#ECF3ED; text-decoration: underline overline; }
 a:active  { color:#009933; background-color:#FEF0CF; text-decoration: underline; }

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 */
{
  margin-top: 10px;
  border: 1px solid #6B8EAE;
}

.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: #E1E1E1; /* if you change this, you must also change body */
  border: 1px dotted darkblue;
  /* 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: #FF8000;
  background-color: #000000; /* if you change this, you must also change div.menu a:link,visited */
  border-left: 2px dotted darkblue;
  border-bottom: 2px dotted darkblue;

  /* 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: #FF8000;

  /* 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: 12px
}
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: #333333;
  border: 1px dotted darkblue;
  /*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.configureBox
{
  width: 430px;
  background-color: #E1E1E1;
  border: 1px dotted darkblue;
  padding: 5px;
  margin-bottom: 12px;
  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: 470px;
}
html>body .contentBox {
  width: 470px;
}
/*
div.satContentBox {
  width: 490px;
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 390px;
}
html>body .satContentBox {
  width: 390px;
}
*/
/* new from Horseman */
.contentBoxText
{
  font-size: 12px;
  /* font-weight: bold; */
  /*background-color: #FDEFD2; */
}
div.contentBox dd /* Schriftgr��e innerhalb der <dd> anweisungen */
{
  font-size: 14px;
}

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

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

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: #000000;
}

.menuBoxTitle
{
  font-size: 11px;
  font-weight: bold;
  color: #FF8000;
  background-color: #000000;
}

.menuBoxItemOdd
{
  background-color: #666666;
}

.menuBoxItemEven
{
  background-color: #333333;
}

/* * * 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: #333333;
  font-size: 12px;
}

div.content a:link, div.satContent a:link { /* Angaben f�r Links */
  color: #FF8000;
  background: none #333333;
}

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

div.content a:hover, div.satContent a:hover { /* Angaben f�r den Mous Over Effekt bei Links */
  color: #FF0000;
  text-decoration: none;
  border-top: 1px dotted darkblue;
  border-bottom: 1px dotted darkblue;
  background: none #000000;
}

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

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

div.chattersOnline
{
background-color: #333333;
width: 165px;
height: 310px;

}
input.chatterCountField
{
  font-weight: bold;
  color: #FF8000;
  background-color: #333333;
  font-size: 11px;
  height:20px;
  vertical-align: middle
  width:110px;
  border:none;
}

select.chattersOnlineField
{
  color: #FF8000;
  background-color: #000000;
  height: 270px;
  width:130px;
  border:none;
  font-size:10px;

}

.chatterCountField, .chattersOnlineField {

margin-left: 25px;

}



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

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

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

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

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

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: #E1E1E1;
  border-top: 1px solid blue;
  border-right: 1px solid blue;
  border-bottom: 1px solid blue;
}

div.content div.contentBox td.chatterTableImgCell,
div.satContent div.contentBox td.chatterTableImgCell
{
  vertical-align: middle;
  /*width: 20px;*/
  border-top: 1px solid blue;
  border-left: 1px solid blue;
  border-bottom: 1px solid blue;
}
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 blue;
  background-color: #4C4C4C;
}

div.contentBox input.submit /* Angabe submit f�r die Submit Buttons in der admin.tpl */
{
  border: 2px solid blue;
  background-color: #6B8EAE;
  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;
  color: #FF8000;
  padding-left: 3px;
}

/* * * List related * * */

dt {padding-left: 3pt}
/* Angaben f�r die kleinen Hilfe Fensterchen */
dl.help dt
{
  font-weight: bold;
  background-color: #E1E1E1;
  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: #F0F0F0;
  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: #A5B5E0;
}