html, body, table { width: 100%; height: 100%; }
body { font-family: Verdana, sans-serif; font-size: 12px; }

/* Login form */
#login-form,
#login-form td { width: 100%; height: 100%; text-align: center; vertical-align: middle; }
#login-form p { line-height: 3em; }
#error { color: red; }


/* ============================ */
/*            #header           */
/* ============================ */
/*               |              */
/* #chat-window  |  #users-list */
/*               |              */
/*               |              */
/*               |              */
/* ============================ */
/*          #send-message       */
/* ============================ */

#header { height: 60px; text-align: left; vertical-align: middle; border-bottom: 1px solid #ddd; }
#header div { padding: 0.5em; }
#header #skins { padding: 0; float: right; line-height: 1.5em; margin-top: -8px; }
#header #skins a { display: block; float: left; margin-right: 3px; width: 10px; height: 10px; border: 1px solid #999; text-indent: -9999em; }
#header #skins a.blue { background: blue; }
#header #skins a.dark { background: black; }
#header #skins a.gray { background: gray; }
#header #skins a.green { background: green; }
#header #skins a.light { background: white; }
#header #skins a.orange { background: orange; }
#header #skins a.pink { background: pink; }
#header #skins a.purple { background: purple; }
#header #skins a.red { background: red; }
#header #skins a.yellow { background: yellow; }
#header #admin { padding: 0; float: right; line-height: 1.5em; margin-left: 15px; margin-top: -8px; }


#chat-window { width: 70%; }
#chat-window ul { overflow: auto; }
#users-list { width: 30%; }
#users-list ul { overflow: auto; }
#users-list a.admin { display: inline-block; width: 16px; height: 16px; background-repeat: no-repeat; background-position: 0 0; vertical-align: bottom; display: none; }
#users-list a.kick { background-image: url(../images/kick.png); }
#users-list a.ban { background-image: url(../images/ban.png); }
#send-message td { height: 40px; vertical-align: middle; border-top: 1px solid #ddd; }

/* Chat window */
#chat-window li { padding: 0.5em; line-height: 1.5em; border-bottom: 1px solid #ddd; }
#chat-window li.empty { border-width: 0; }
#chat-window .author { font-weight: bold; }

/* Users list */
#users-list { border-left: 1px solid #ddd; }
#users-list li { padding: 0.5em; line-height: 1.5em; border-bottom: 1px solid #ddd; }

#send-message-input div { padding: 5px 10px; }
#send-message-input input { width: 100%; }
#send-message-button button { line-height: 1.5em; }
#send-message-button div { padding: 5px 10px; }