/*   ********************************************************************   **
**   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/08/04 09:28:44 $
  $Source: /cvsroot/phpopenchat/chat3/include/templates/openchat/css/default.css,v $
  $Revision: 1.16.2.1 $
*/

/* Generic settings */

html,body
{  height: 100%;}

body
{ color: #000000;
  font-size: 9pt;
  font-family: arial, helvetica, geneva, sans-serif;
  margin-top:0;
  margin-left:0;
  background-color:#41A0D6;
}

div,p,a,span,em,strong,th,td,li,h1,h2,h3 {
  font-size: 10pt;
  font-family: arial, helvetica;
}


td,th{ text-align: left;}

fieldset{ 
	margin-top: 10px;
	border: 1px solid #61C5FF;
}
.bodymain{
  background-color:#000000;
}

.headtop{
  background-color:#8ACFF9;
}
.headstyles,a.headstyles{
  color:#FF0000;font-size:8pt;

}
.content,.satContent
{ color: #D4EFFE;
  background-color: #41A0D6; /* if you change this, you must also change body */
  /* sizing and positioning */
  float: left;
  padding-left: 10%;
  width: 70%;
  height: 100%;
}


.satContent
{   padding-left: 3%;}

.menu {
  color: #000000;
  background-color: #8ACFF9; /* if you change this, you must also change div.menu a:link,visited */
  border-left: 2px dotted white;
  border-bottom: 2px dotted white;
  /* sizing and positioning */
  margin-left: 60%; /* 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;
  /* sizing and positioning */
  margin: 0;
  padding-top: 10px;
  padding-bottom: 5px;
}

div.menu p{  font-size: 11px}

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

div.menu li
{
  color: #000000;
  list-style-type: circle;
  padding-left:0;
}

.contentBox, .satContentBox, .inputFilterBox{
  background-color: #41A0D6;
  border: 1px dotted #61C5FF;
  /*font-size: 9px;*/
  /* sizing and positioning */
  padding: 5px;
  margin-bottom: 12px;
}

div.inputFilterBox dd{ font-size: 10px }

div.contentBox { 
  width: 472px; 
  voice-family: "\"}\""; 
  voice-family:inherit;
} 

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: #41A0D6;
  border: 1px dotted white;
  /* sizing and positioning */
  padding: 5pt;
  width:100%;
}

div.menuBox dd {
  margin: 0;
  padding: 3pt;
}

div.menuBox td,th {
  font-size: 10px;
}

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

/* * * Titles * * */
.contentBoxTitle, th.title {
  color:#000000;
  font-size: 11px;
  font-weight: bold;
  background-color: #5FC3FE;
}

.menuBoxTitle {
  font-weight: bold;
  color: #CC9933;
  background-color: #41A0D6;
}

.menuBoxItemOdd {
  background-color: #41A0D6;
}

.menuBoxItemEven {
  background-color: #41A0D6;
}

/* * * Link related * * */
a {
  line-height: 1.5;
}

.contentLink {
  color: #000000;
 font-weight: bold;
}


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

div.ccontent a:link, div.satContent a:link {
  color: #000000;
  background: none #D4EFFE; 
}

div.ccontent a:visited, div.satContent a:visited {
  color: #000000;
  background: none #8ACFF9;
}

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

div.content a:hover, div.satContent a:hover {
  color: #000000;
  text-decoration: none;
  background: none #8ACFF9;
}

div.content a:active, div.satContent a:active, chatterCountField {
  color: #000000;
  background: none #8ACFF9;
}

input.chatterCountField{
	width:100%border:none;
	border-color:#41A0D6;
	font-size:10px;
	background:#41A0D6;
	color:#00FFCC;
}

div.menu a:link, .leftColum, leftColum.th a, leftColum.td a {
  color: #000000;/*#009*/
  background: none #8ACFF9;
}

div.menuBox a:link
{
  color: #000000;
  background: none #41A0D6;
}

div.menu a:visited {
  color: #000000;/*#609*/
  background: none #8ACFF9;
}

div.menu a:hover {
  color: #000000;
  text-decoration: none;
  background: none #D4EFFE;
}

div.menu a:active {
  color: #000000;
  background: none #D4EFFE;
}

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: #41A0D6;
  border: none;
  color: #000000;
}

/* * * Table related * * */

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

th.formFieldLabellogin
{
	vertical-align: middle;
	text-align: right;
  	font-variant : normal;
   	font-style : normal;
   	font-weight : bold;
   	font-size : 12px;
   	color: #000000;
   	text-decoration : none;
}

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: 9px;*/
  color: #000000;
  background-color: #8ACFF9;
}

div.content div.contentBox td.chatterTableImgCell,
div.satContent div.contentBox td.chatterTableImgCell
{
  vertical-align: middle;
  /*width: 20px;*/
}

div.content div.contentBox td,
div.satContent div.contentBox td,
div.content div.satContentBox td,
div.satContent div.satContentBox td,
p
{
  font-size: 10px;
  color: #D4EFFE;
}

div.contentBox ul{
 padding-left:15px;
}

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

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

/* * * Form related * * */
.loginInput {
  width: 180px;
}

.profileInput {
  width: 160px;
}

.registerInput {
  width: 230px;
}

div.contentBox input, div.contentBox select, div.contentBox textarea { 
  border: 1px solid #61C5FF;
  background-color: #FFFFCC;
}

div.contentBox input.submit {
  border: 2px solid #61C5FF;
  background-color: #8ACFF9;
  font-style: italic;
  font-weight: bold;
  font-stretch: expanded;
  height: 26px;	
  width: 50px;
  font-size: 14px
}

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

/* * * List related * * */
dt {padding-left: 3pt}
dl.help dt {
  font-weight: bold;
  background-color: #8ACFF9;
  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: 11px;
  font-weight: bold;
}

.error {
  color: #FF0000;
  font-size: 10px;
  font-weight: bold;
}
/* * * Custom * * */
.loginhead {
   background-color : #2972F5;
   font-style : none;
   font-weight : bold;
   font-size : 14;
   background-image : url(http://www.psychicguild.com/images/title_bg2.jpg);
   text-align : center;
   border : none;
   font-variant : normal;
   color : #FFFFFF;
}

.loginhead2 {
   background-color : #3C9BD1;
   font-style : none;
   font-weight : bold;
   font-size : 14;
   background-image : url(http://www.psychicguild.com/images/title_bg2.jpg);
   text-align : center;
   border : none;
   font-variant : normal;
   color : #FFFFFF;
}

.logininput {
   background-color : #FFFFFF;
   border : 1px solid #B8B9B9;
   font-style : normal;
   font-variant : normal;
   font-weight : lighter;
   font-size : 10pt;
   color : #000000;
}

.login {
   background-image : none;
   background-color : #000000;
   border : 1px solid #4BABE5;
}

.loginrow {
   text-align : right;
   font-style : normal;
   font-variant : normal;
   font-weight : bold;
   font-size : 10pt;
   color : #FFFFFF;
}

.loginselect {
   background-color : #FFFFFF;
   font-style : normal;
   font-variant : normal;
   font-weight : lighter;
   font-size : 9pt;
   color : #000000;
}

.loginbutton {
   background-color : #CCCCCC;
   font-style : normal;
   font-weight : normal;
   font-size : 9pt;
   background-image : none;
   font-variant : normal;
   border-color : #FFFFFF;
   color : #000000;
}

.copy {
   text-align : center;
   font-style : normal;
   font-variant : normal;
   font-weight : normal;
   font-size : 8pt;
   color : #FFFFFF;
   text-decoration : none;
}

.link {
   font-weight : normal;
   font-size : 12px;
   color : #000000;
   text-decoration : underline;
}

.link:active {
   color : #000000;
}
.link:visited {
   color : #000000;
}
.link:link {
   color : #000000;
   text-decoration : underline;
}
.link:hover {
   color : #000000;
   /*text-decoration : underline;*/
}
.subtitle {
   text-align : center;
  font-style : normal;
  font-variant : normal;
   font-weight : bold;
   font-size : 13px;
   color : #000000;
   text-decoration : none;
}

.text {
   text-align : left;
   font-style : normal;
   font-variant : normal;
   font-weight : normal;
   font-size : 13px;
   color : #000000;
   text-decoration : none;
}

.logtitle {
   text-align : center;
   font-style : normal;
   font-variant : normal;
   font-weight : normal;
   font-size : 18px;
   color : #FFFFFF;
   text-decoration : none;
}

.topmenubg {
   background-image : url(http://www.psychicguild.com/images/nav_BG.gif);
   background-repeat: no-repeat;
   border : none;
   vertical-align:middle;
   text-align:center;
}

.topmenubg2 {

   background-image : url(http://www.psychicguild.com/images/nav_BG2.gif);
   background-repeat: repeat-x;
   background-color : #41A0D6;
   border : none;
}

.topmenu:hover {
   color : #ffffff;
   text-decoration : underline;
}

.topmenu:visited {
   color : #ffffff;
}
.topmenu:active {
   color : #ffffff;
}
.topmenu {
   font-variant : normal;
   font-style : normal;
   font-weight : bold;
   font-size : 11px;
   text-decoration : none;
}

.topmenu:link {
   color : #ffffff;
}