/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 30, 2018, 12:06:12 PM
    Author     : jean
*/

 page, body {
    width: 100%;
    background-color: #DDDDDD;
    height: 100%;
    overflow: hidden;
    border: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
}

table {
 font-size: 12px;
} 

.inputbox {
    position: absolute;
    bottom: 0px;

    height: 30px;
    width: 100%;
}



.topscreen {
    position: absolute;
    width: 100%;
    top: 0px;
    bottom: 30px;
    display: inline-block;
    overflow: hidden;
    //background-color: yellow;
}

.topic {
    position: relative;
    display: block;
    width: 100%;
    top: 0px;
    height: 25px;
    text-align: center;
    //background-color: green;
    border-bottom:  black 1px solid;
}

.rightcolumn {
    position: absolute;
    top: 25px;
    width: 130px;
    right: 0px;
    float: right;
    padding-left: 5px;
    height: auto;
    bottom: 2px;
    overflow-y: auto;
    //background-color: yellow;
}

.nickline {
	display: inline-block;
	width: 160px;
	//background-color: purple;
}


table.chattable {
	table-layout: fixed;
	width: 100%;
}

.chattable td {
	word-wrap: break-word;
}

td .chatnick {
	
}

.ircline {
	position: static;
	display: inline-block;	
	left: 161px;
	right: 0px;
	//background-color: white;
	: 
}

.leftcolumn {
    position: absolute;
    left: 0px;
    top: 25px;
    right: 135px;
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
    overflow-wrap: normal;
    bottom : 2px;
}


.textline {
    width: 100%;
    
    display: inline-block;
    //background-color: blue;
}
.textleft {
    width: 120px;
    float: left;
    background-color: #BBBBBB;

}
.textright {
    overflow-wrap: normal;
    margin-left: 2px;
    
}

.inputText {
    width: 100%;
    height: 100%;
}

.loginbox {
    position: absolute;
    width: 20%;
    left: 40%;
    top: 40%;
    background-color: #3399ff;
    padding: 20px;
    border-radius: 15px;
}

.titel {
    width: 100%;
    text-align: center;
}