/* Copyright David Leadbeater 2002, Licensed under the GPL */

/* This CSS File controls nearly all the layout related options
 * and colours in CGI:IRC.
 * The exceptions are the main frame - where background colour is set
 * in formats.
 *
 * Also note this only affects decently javascript enabled browsers
 * for older browsers the nonjs.pm is used which has hardlu any style
 * settings
 */


/* --- Frames
 * The positions of the iframes that hold each part of CGI:IRC,
 * If you radically change these you'll want to adjust where borders
 * and so on are placed too.
 */

/* The body in the 'frameset' (it's really a set of iframes) */
.frame-body {
    margin: 0;
	 scroll: 0;
	 overflow: none;
}

p.error {
  border: red 2px solid;
  color: white;
  padding: 3px;
  background: #803030;
  font-weight: bold;
}

/* windowlist is the frame which holds the window buttons and 'toolbar' */
.frame-windowlist {
   position: absolute;
   top: 0px;
   width: 100%;
   height: 40px;
   border: 0px none;
   margin: 0;
   padding: 0
}
/* main - where all talk goes */
.frame-main {
   position: absolute;
   top: 40px;
   bottom: 25px;
   left: 10px;
   right: 110px;
   border: 1px solid #0000FF;
   margin: 10;
   padding: 5
}
/* userlist - the list of users */
.frame-userlist {
   position: absolute;
   top: 40px;
   right: 0px;
   bottom: 25px;
   width: 120px;
   border: 1px solid #0000FF;
   margin: 0;
   padding: 0
}
/* userlist when it is inactive */
.frame-userlist-inact {
   display: none;
}
/* form - text entry form */
.frame-form {
   position: absolute;
   bottom: 0px;
   width: 100%;
   height: 25px;
   border: 0px none;
   margin: 0;
   padding: 0
}


/* --- Userlist 
 * Die Uebersicht aller Teilnehmer des Chats am Rechten Bildrand
 */
.userlist-body {
   margin: 0;
   scrollbar-base-color:#0000FF;
   scrollbar-track-color:#E6E6FF;
   scrollbar-face-color:#E6E6FF;
   scrollbar-highlight-color:#E6E6FF;
   scrollbar-3dlight-color:#0000FF;
   scrollbar-darkshadow-color:#E6E6FF;
   scrollbar-shadow-color:#0000FF;
   scrollbar-arrow-color:#0000FF;
   background-color: #96a6FF;
   color: #0000FF;
}

.userlist-div {
   width: 100%;
}

.userlist-item {
   font-family: MS Sans Serif,arial,verdana,helvetica,sans serif,sans;
   font-size: 12px;
   cursor: default;
}

/* 
 *pulldown-menu in der userliste
 */
.userlist-select {
   font-family: MS Sans Serif,arial,verdana,helvetica,sans serif,sans;
   font-size: 12px;
   background-color: #E6E6FF;
}

.userlist-btn {
   font-family: MS Sans Serif,arial,verdana,helvetica,sans serif,sans;
   font-size: 12px;
   background-color: #E6E6FF;
   cursor: default;
   border-bottom: 1px solid #808080;
   border-right: 1px solid #808080;
   border-top: 1px solid #f3f3f3;
   border-left: 1px solid #f3f3f3;
}

/*
 * Ausrichtung dieses kleinen Pulldown-Menus unter der Liste der Nicknames
 */
.userlist-form {
#   float: right;
}

/*
 * Hervorhebung, wenn man mit der Maus ueber einen Nickname drueber faehrt
 */
.userlist-hover {
   width: 95%;
   font-size: 12px;
   font-family: MS Sans Serif,arial,verdana,helvetica,sans serif,sans;
   cursor: default;
   background-color: #DCDCFF;
   color: #FF0000;
}

/*
 * Ein ausgewaehlter Nickname
 */
.userlist-selected {
   width: 95%;
   font-size: 12px;
   font-family: MS Sans Serif,arial,verdana,helvetica,sans serif,sans;
   background-color: #DCDCFF;
   color: #0000FF;
}

.userlist-table TR {
   vertical-align: top;
   margin-bottom: 5px;
}


.userlist-status {
   width: 14px;
   font-size: 10px;
   font-family: courier,monospace,fixed;
   text-align: center;
}

.userlist-item {
   width: 95%;
   font-size: 12px;
}

/* wird nicht verwendet */
.userlist-op {
   color: #FF0000;
   background-color: #E6E6FF;
   border: 1px solid #30a030;
}

/* wird nicht verwendet */
.userlist-voice {
   color: #808000;
   background-color: #E6E6FF;
   border: 1px solid #a0a030;
}

/* --- Main 
 * Der eigentliche Chat-Frame, wo all die Ausgaben rein kommen
 */
.main-body { 
   word-wrap: break-word;
   scrollbar-base-color:#0000FF;
   scrollbar-track-color:#E6E6FF;
   scrollbar-face-color:#E6E6FF;
   scrollbar-highlight-color:#E6E6FF;
   scrollbar-3dlight-color:#0000FF;
   scrollbar-darkshadow-color:#E6E6FF;
   scrollbar-shadow-color:#0000FF;
   scrollbar-arrow-color:#0000FF;
   background-color: #E6E6FF;
   color: #0000FF;
}

.main-span IMG {
   border: 0px none;
}

/*
 * Links im Chat-Frame
 */
.main-link {
   color: #FF0000;
   text-decoration: underline;
}

.main-item {
   margin-left: 15px;
   text-indent: -15px;
}

/* RawCommands.pm styles */

.main-motd {
   font-family: monospace;
}

/* --- Form 
 * Das Eingabefeld, wo man drin schreibt
 */
.form-body {
   margin-bottom: 0px;
   margin-top: 2px;
   margin-left: 10px;
   background-color: #96a6FF;
}

/*
 * Enthaelt eigenen Nickname und das eingabeformular
 */
.form-form {
   float: left;
}

/*
 * Enthaelt nur das Eingabeformular
 */
.form-say {
   border: 1px solid #0000FF;
   width: 90%;
   padding-left: 4px;
   margin-left: 10px;
}


/*
 * Der eigene Nickname links neben dem Eingabefeld
 */
.form-nickname {
   padding-left: 4px;
   background-color: #96a6FF;
   color: #0000FF;
}

.form-econtain {
   float: right;
}

.form-extra { 
   display: none; 
}

.form-boldbutton { 
   font-weight: bold;
}

.form-expand {
   border: 0px none;
   background: #E6E6FF
}

/* --- Window List (wlist) 
 * Die Channelliste ab oberen Bildrand
 */

/*
 * Der gesamte obere Frame, in dem sich die Channel-Buttons befinden
 */
.wlist-body {
   margin: 0px;
   background-color: #96a6FF;
   cursor: default;
}

/*
 * Channel-Button fuer momentan verstecktes Fenster
 * keine Aktivitaet
 */
.wlist-chooser-none { 
   border: 1px solid #00000FF;
   padding: 2px;
   margin: 2px;
   cursor: default;
   color: #0000FF
}

/*
 * Channel-Button fuer momentan verstecktes Fenster
 * Aktivitaet: Irgendwer hat den Channel betreten
 */
.wlist-chooser-join { 
   border: 1px solid blue;
   padding: 2px;
   margin: 2px;
   cursor: default;
   color: #FF0000;
}

/*
 * Channel-Button fuer momentan verstecktes Fenster
 * Aktivitaet: Irgendwer hat geredet
 */
.wlist-chooser-talk { 
   border: 1px solid yellow;
   padding: 2px;
   margin: 2px;
   cursor: default;
   color: #FF0000;
}

/*
 * Channel-Button fuer momentan verstecktes Fenster
 * Aktivitaet: Irgendwer hat mich direkt angesprochen
 */
.wlist-chooser-dtalk { 
   border: 1px solid red;
   padding: 2px;
   margin: 2px;
   cursor: default;
   color: #FF0000;
}


.wlist-container {
   width: 100%;
   height: 100%;
   padding: 5px;
   cursor: default;
}

/*
 * Highlighten des Channel-Buttons, wenn man mit der Maus drueber faehrt
 */
.wlist-mouseover {
   background-color: #DCDCFF;
   border: 1px solid #0000FF;
   padding: 2px;
   margin: 2px;
   cursor: default;
   color: #0000FF;
}

/*
 * Der aktivierte Channel-Button
 */
.wlist-active {
   background: #0000FF;
   border: 1px solid #0000FF;
   padding: 2px;
   margin: 2px;
   cursor: default;
   color: #FFFFFF;
}

/*
 * tabellenzelle, in dem Alle Channel-Buttons drin sind, nicht aber diese
 * Channel-Schliessen Buttons usw., die rechts daneben sind.
 */
.wlist-container {
}

/*
 * Tabellenzelle rund um so einen Button (Fenster schliessen usw.)
 */
.wlist-buttons {
    text-align: right;
    width: 30px;
}

/*
 * Class des img-Tags des Buttons
 */
.wlist-button {
   border: 0px none;
   cursor: default;
   background: #E6E6FF
}


.wlist-table {
   width: 100%;
   height: 100%;
}


/* --- Options */

.options-body {}
.options-title {}
.options-table {}
.options-checkbox {}
.options-select {}
.options-option {}
.options-input {}

.options-close { /* http://www.tom.me.uk/scripting/links.asp */
   text-decoration: underline;
   text-align: right;
   color: #00f;
   cursor: pointer;
   cursor: hand;
}

/* ---- bottom-frame
 * Dieser Frame am unteren Bildrand
 */
.bottom-body {
   color: white;
   background-color: #96a6FF;
   margin-top: 2px;
   margin-bottom: 0px;
}

/*
 * Links im bottom-frame
 */
.bottom-link {
   color: #FF0000;
   text-decoration: underline;
}

/*
 * Farbgebung fuer Popups
 * (vor allem die, die hoch kommen, wenn man Links im bottom-frame anklickt)
 */
.popup-body {
   color: #0000FF;
   background: #E6E6FF;
}