/* Stylesheet for the chat page */

/**********************************************
Styles for the wrapper elements
**********************************************/

HTML
{
	margin:0;
	padding:0;
}

BODY
{
  margin:0;
  padding:0;
  font-family: "Trebuchet MS", Arial, Helvetica, "Sans Serif";
  background-color: gray;
  background-color:#CCCCCC;
  background-color:#F4EED7;
}

H1
{
  font-size:140%;
  font-weight:bold;
}

#wrapper
{
  position:relative; 
	margin:0;
	padding:0;
  /*min-height:100%;*/ 
  height:100%;
}

#header
{
  position:relative;
  margin:0;
	padding:0;
/*  height:35px;*/
  text-align:center;
  vertical-align:middle;
  font-size:150%;
  font-weight:bold;
  line-height:35px;
  color:#000088;  
  background:#CCCCFF;
}

#footer
{
  position:relative; 
	margin:0;
	padding:0;
  height:20px;
  margin-top:-20px; 
  margin-left:0; 
  text-align:center;  
  font-size:10pt;
  font-weight:bold;
  line-height:20px;
  background:#CCCCFF;
}

/**********************************************
Styles for the gui elements
**********************************************/

#gui
{
  font-family:Arial, Helvetica, "Sans Serif";
  font-size:10pt;
  text-align:center;
 /*height:500px;*/
}

TABLE.login
{
  margin-top:0;
  margin-bottom:0;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

DIV.output
{
  width:400px;
  height:250px;
  margin-top:0;
  margin-bottom:0;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
	overflow: auto;
	background-color:white;
  border-top:1px solid black;
  border-left:1px solid black;
  border-bottom:1px solid #DFDFDF;
  border-right:1px solid #DFDFDF;
}

DIV.output P
{
 margin-top:0;
 margin-bottom:10px;
}

DIV.output_border
{
  width:402px;
  height:252px;
  margin-top:20px;
  margin-bottom:20px;
  margin-left:auto;
  margin-right:auto;
  border-top:1px solid #808080;
  border-left:1px solid #808080;
  border-bottom:1px solid white;
  border-right:1px solid white;
}

DIV.input
{
  margin-top:10px;
  margin-bottom:20px;
}

#fieldUsername
{
  width:200px;
}

#fieldMessage
{
 width:400px;
 margin-left:auto;
 margin-right:auto;
}

#status
{
  margin-left:auto;
  margin-right:auto;
  height:20px;
}

/****************************************************
Styles for the debugging block
****************************************************/

DIV.debugging
{
  background-color:gray;
  text-align:center;
  border-top:1px solid black;
  padding-top:20px;
  padding-bottom:20px;
}

DIV.debugging TABLE
{
  margin-left:auto;
  margin-right:auto;
}

DIV.buttons
{
 margin-top:20px;
 margin-bottom:20px;
}

/***************************
EOF
***************************/