/* pichat.css */

html, body {
    padding: 1em;
}

#content{
	position:fixed;
	z-index:3;
	overflow:auto;
	
}

#chatbox {
    position: fixed;
top:48px;

	
}
#rapper {
top:0px;
	
}
h1,h2{
	font: 100% 'helvetica neue',sans-serif;
	letter-spacing:10px;
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	left:2px;
top:5px;
    position: fixed;
}
#messagePane {
	border: 2px solid #15fff3;
	height: 70%;
	padding: 5px;
	position: fixed;
	width: 80%;
max-width:1500px;
background-color:#FFF;
left:35px;
top:80px;
	float: left;
	z-index:5;
}
#logo {
	position:fixed;
	left:18px;
	top:3px;
	
	z-index:7;
}
#welcomebar {
	font: 100% 'helvetica neue',sans-serif;
	letter-spacing:1px;
	top:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
left:350px;
top:67px;
    position: fixed;
}
#messageList {
    height: 100%;
    width: 100%;
	position:inherit
    overflow-y: auto;
    overflow-x: hidden;
    border-bottom: 1px solid grey;
}
#messagetabs {
	height: 40px;
	padding: 5px;
	position: fixed;
	width: 80%;
	max-width:1500px;
	overflow-y: hidden;
	overflow-x: hidden;
	top:48px;
	left:0px;
	z-index:1;
}
#msgInputDiv {
    height: 15px;
	position:relative;
	min-width:500px;
}

#msgInput {
    width: 80%;
    margin-right: 5px;
    margin-top: 15px;
	position:relative;
	min-width:500px;
}

#msgSubmit {
    width: 107px;
	position:relative;
	
}

.msgDiv img{

	max-width:650px;
width: expression(this.width > 650 ? 650: true);max-height:400px;
height: expression(this.width > 400 ? 400: true);max-width:400px;}


#userList {
	overflow: auto;
	border: 1px solid gray;
	height: 70%;
	margin: 0px;
	position: fixed;
	padding: 5px;
	top:80px;
	width: 7%;
	float:right;
	right: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	min-width:72px;
	line-height:13px;
	background-color:#FFF;
	
	z-index:4;
}
#userListicon {
	overflow: auto;
	height: 70%;
	margin: 0px;
	position: fixed;
	padding: 5px;
	top:48px;
	width: 7%;
	float:right;
	right: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	min-width:72px;
	line-height:13px;
	z-index:1;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	text-transform:none;
	
}
#lillogo {
	bottom:0px;
	position:absolute;
	padding:1px;
	right:7px;
	line-height: 12px;	
}
#binfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	bottom:2px;

}
#popout {
	top:1px;
	position:fixed;
	padding:1px;
	right:0px;
	float:right;
	line-height: 12px;
	font-size:10px;
	text-align:right;
}