/* CSS Document */

html         { background-color: #fff; font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 11pt;}
a:link       { text-decoration: none; }
a:visited    { text-decoration: none; }
a:active     { text-decoration: none; }


#header {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height: 55px;
	padding:0;
	margin:0;
}

#header .content {
	z-index: 10;
	background: transparent;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height: 55px;
}



#headerLine1 {
	font-size: 160%;
	margin:4px auto 0 8px;
	z-index: 20;
}

#headerLine2 {
	font-size: 90%; 
	font-weight: bold; 
	margin:0 auto 4px 8px;
	z-index: 20;
}

#initform {
	text-align:center;
	margin:0 auto 0 auto;
	position:absolute;
	left:0;
	top:55px;
	width:100%;
	height: 100%;
}

#initform table {
	margin:0 auto 0 auto;
	z-index: 20;
}

#initform  a:hover {
	text-decoration: underline;	
}

#initform .content {
	z-index: 10;
	background: transparent;
	position:relative;
	top:0px;
	left:0;
	width:100%;
	height: 100%;
}



#footer {
}

#footer .content {
	z-index: 10;
	background: transparent;
	position:absolute;
	bottom:0px;
	left:0;
	width:100%;
	height: 30px;
}




#msg .content {
	z-index: 2;
	background: transparent;
	position:absolute;
	top:0px;
	left:0;
	width:100%;
	height: 100%;
	margin:0 5px 0 5px;
}






/* Other */

html, body {
  	height: 100%;
  	min-height: 100%;
  	padding:0;
	margin:0;
	border:0;
}

form {
	padding:0;
	margin:0;
	border:0;
}

input {
  border: solid 1px #aaa;
  font-size: 80%;
  line-height:140%
}

textarea {
  border: solid 1px #aaa;
  overflow: auto;
  line-height:110%
}

input[type=submit], input[type=button], input[type=image] {
  border: solid 1px #aaa;
}

input.button  {
	border: 0;
	margin: 0;
  	padding: 2px 4px 2px 4px;
    	background: #fed url('/css/button.gif') repeat-x left bottom;
    	height:22px;
}

.vCenter {
	position:relative;
	width:100%;
	text-align:center;
	top:26%;
}

#error {
	margin: 20px 0 20px 0;
	font-size: 100%;
	font-weight:bold;
	color:red;
}

#messageField {
	width:100%; 
	height:45px;
}

.messagesDiv {
	padding: 5px;
}	

.messagesDiv a {
	text-decoration: underline;
}

.composingDiv {
	font-size:10pt; 
	padding: 3px; 
}

#powered {
	position:absolute;
	bottom:8px;
	right:15px;
	display:block;
	font-size: 82%;
	z-index: 20;	
}

#powered a:hover {
	text-decoration: underline;	
}
 

/* chat */

.chatarea {color: #000000; background-color: #FFFFFF; }
.chatarea a:link       { color: #000000; text-decoration: none; }
.chatarea a:visited    { color: #000000; text-decoration: none; }
.chatarea a:active     { color: #000000; text-decoration: none; }  

.greeting {color: #009933;}
.webuser {color: #FF0000;}
.jabuser {color: #0000FF;}