*
{
	font-family: sans-serif;
}
body
{
	
	padding: 0px;
	
}
h1
{
	font-size: 16pt;
	color: white;
	background-color: #999;
	margin: 0px;
	padding: 0px;
	width: 300px;
	z-index: 1;
}
p 
{

}
.box
{
	
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 14px;
}
#ramka
{	right: 0px;
	top: 0px;
	position: absolute;
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
}
h2
{
	font-size: 10pt;
	margin-top: 10px;
}
#bot-container
{	
	text-align:center;
	height:300px;
	min-height:300px;

}
#bot-visualisation
{	
	text-align:center;
	position: absolute;
    	top: 260px;
   	z-index:1;
    	right:37px;
}
#last-user-input-box h2, #last-bot-reply-box h2, #historia-strona h2, #dialogue-history-box h2, #zglos-adminowi
{
	display: inline;
	margin-right: 1px;
}
#dialog-history-box h2{
    text-decoration: underline;
    margin-bottom: 2px;

}
#schowane {
    visibility:hidden;
    position: absolute;
    top: 4px;
    z-index:1;
    right:77px;
}
#logo {
    position: absolute;
    top: 1px;
    z-index:1;
    right:143px;    
}
#button-pomoc {
    position: absolute;
    top: 19px;
    z-index:1;
    right:80px;

}
#button-minimal {
    position: absolute;
    top: 19px;
    z-index:1;
    right:50px;

}
#button-close {
    position: absolute;
    top: 19px;
    z-index:1;
    right:22px;

}
#button-opcje-close {
    position: absolute;
    top: 6px;
    z-index:1;
    right:10px;
}
#button-pomoc-close {
    position: absolute;
    top: 6px;
    z-index:1;
    right:10px;
}
#button-opcje {
    position: absolute;
    top: 669px;
    z-index:1;
    right:187px;
}
#button-wyslij {
    position: absolute;
    top: 671px;
    z-index:1;
    right:29px;
}
#opcje {
    visibility:hidden;
    position: absolute;
    top: 1px;
    z-index:1;
    right:312px;
    background-image: url("./img/opcje.jpg");
    width: 305px;
    min-height:188px;
    padding-top: 45px;
}
#opcje p {
    font-size: 10pt;
    margin-left: 65px;
}
#pomoc {
    visibility:hidden;
    position: absolute;
    top: 240px;
    z-index:1;
    right:312px;
    width: 305px;
    min-height:373px;
    background-image: url("./img/pomoc.jpg");
    padding-top: 65px;
}
#pomoc p {
    font-size: 10pt;
    margin: 22px;
}
#last-bot-reply-box {
    position: absolute;
    top: 88px;
    z-index:1;
    right:32px;
    width: 251px;
}
#last-bot-reply
{
	display: inline;
	font-size: 12px;
	
}
#user-input-box {
    position: absolute;
    top: 578px;
    z-index:2;
    right:30px;
    min-height:85px;
}
#podpowiedz1-box {
    position: absolute;
    top: 46px;
    z-index:1;
    min-width:249px;
    min-height:15px;
    border-style:ridge;
    border-width:2px;
    background: white;
    padding-top: 2px;
}
#podpowiedz2-box {
    position: absolute;
    top: 24px;
    z-index:1;
    min-width:249px;
    min-height:15px;
    border-style:none;
    border-width:0px;
    padding-top: 2px;
	font-family: monospace;
	font-size: 8pt;
}
#podpowiedz1
{
	font-family: monospace;
	font-size: 8pt;
	text-decoration: none;
	color: black;

}
#interaction
{
	background-image: url("./img/tlo.jpg");	
	position: absolute;
	top: 0px;
	right: 27px;
	z-index: 1;
	min-height:727px;
	width: 303px; 
}


#last-user-input-box, #last-user-input, #historia-strona,  #dialogue-history-box
{
	display: inline;
	visibility: hidden;
}
label
{
	vertical-align: top;
	margin-right: 5px;
}
input
{
	font-family: monospace;
	font-size: 8pt;
}
.user-input, .bot-reply
{
	font-family: monospace;
	font-size: 9pt;
	margin-top: 0px;
	margin-bottom: 0px;
    	z-index:2;
}
.label
{
	font-weight: bold;
}
.user-input .label
{
	color: lightblue;
}
.bot-reply .label
{
	color: darkblue;
}
.footer
{
	position: fixed;
	bottom: 0px;
	font-size: 8pt;
	font-style: italic;
}
pre
{
	font-family: monospace;
}

img.drag { cursor:move; }