1 files changed, 137 insertions, 38 deletions

diff --git a/static/pichat.css b/static/pichat.css
index e2f382c..f33f7e0 100755
--- a/static/pichat.css
+++ b/static/pichat.css
@@ -4,73 +4,172 @@ html, body {
     padding: 1em;
 }
 
-#content {
-    position:absolute;
-    z-index:3;	
+#content{
+	position:fixed;
+	z-index:3;
+	overflow:auto;
+	
 }
 
 #chatbox {
     position: fixed;
-    top:48px;
+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: 9px;
-    top:35px;
+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: 1px solid green;
-    height: 80%;
-    padding: 5px;
+	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;
-    width: 80%;
 }
-
 #messageList {
     height: 100%;
     width: 100%;
-    position: inherit
+	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;
+	position:relative;
+	min-width:500px;
 }
 
 #msgInput {
-    width: 85%;
+    width: 80%;
     margin-right: 5px;
     margin-top: 15px;
-    position:relative;
+	position:relative;
+	min-width:500px;
 }
 
 #msgSubmit {
-    width: 14%;
-    position:relative;
+    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;
-}
+.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 blue;
-    height: 80%;
-    margin: 0px;
-    position: fixed;
-    padding: 5px;
-    width: 10%;
-    right: 3%;
+	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;
 }