-#login {
+form {
+ display: table;
+ margin: auto;
+}
+
+input {
+ margin: 0.2em;
+ float: left;
+}
+
+label {
+ float: left;
+ width: 6em;
+}
+
+#log_container {
+ clear: both;
+ display: none;
+}
+
+#vCard_container {
+ display: none;
+ position: fixed;
+ height: 100%;
+ width: 100%;
+}
+
+#vCard {
+ background: white;
+ text-align: center;
+ margin: 2em auto;
+ width: 50%;
+ overflow: auto;
+}
+
+#ownInfo {
+ display: none;
+ background: lightgrey;
+ float: left;
+ padding: 1em;
+}
+
+#friends {
+ display: none;
+ padding: 1em;
+ background: grey;
+}
+
+#box-overlay {
+ background: black;
+ opacity: 0.8;
+ width: 100%;
+ height: 100%;
+ position: fixed;
+ top: 0;
+ left: 0;
+ display: none;
+}
+
+.vCardName {
+ font-weight: bold;
+}
+
+.friend {
+ float: left;
+ margin: 0.5em;
text-align: center;
+ max-width: 10em;
+ height: 100px;
+}
+
+.friend img, #vCard_container img {
+ max-width: 70px;
+ max-height: 70px;
+}
+
+.sender {
+ color: blue;
+}
+
+.receiver {
+ color: darkred;
+}
+
+.chat {
+ position: absolute;
+ background-color: white;
+ width: 30%;
+ padding: 1em;
+ border: 2px solid;
+}
+
+.chatForm {
+ width: 100%;
+}
+
+.chatTitle {
+ font-size: 15pt;
+ font-weight: bold;
+}
+
+.noMarker {
+ list-style-type: none;
+ display: inline;
}