* {
    padding: 0;
    margin: 0;
    border : 0;
  }


html {
    background-color: #000000;
  }


body {
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
  }


h1, h2, h3 {
    margin-top : 0.5em;
  }


em {
    font-weight : bold;
    color: #ffff7f;
  }


.floater {
    width : 20%;
    height : 100%;
    position : fixed;
    overflow : auto;
  }


/* FIXME This could bring problems when embedding images inside floaters... */
.floater img {
    display : block;
    width : 100%;
  }


.floater div div div {
    padding : 0 6%;
    margin : 0;
    background-color : #96b937;
    overflow : auto;
  }


.floater div div {
    padding : 0 6%;
    margin : 0 6%;
    background-color : #e61300;
  }


.floater div {
    background-color : #ffffff;
    margin : 5%;
    /*width : 20%;
    position : fixed;
    left : 1%;
    top : 1%;*/
  }


/*#login {
    background-color : #ffffff;
    width : 20%;
    position : fixed;
    left : 1%;
    top : 1%;
  }*/


#links {
    font-family : monospace;
    font-size : x-large;
    overflow : auto;
  }


#left {
    width : 25%;
    float : left;
  }


#head {
    position : absolute;
    margin-left : 25%;
    width: 61%;
  }


#trible {
    float : right;
    width : 14%;
  }


#target {
    position : absolute;
    top : 0;
    left : 0;
    margin-top : 5%;
    height : 15%;
  }


#header {
    position : absolute;
    bottom : 40%;
    right : 35%;
    width : 40%;
    /* Unfortunately this is not supported by konqueror
    /*height : 15%;*/
  }


#content {
    padding: 1%;
    margin-left: 25%;
    padding-top : 30%;
  }


table.messaging {
    width : 100%;
    border : 1px solid white;
  }


table.messaging tr {
    border : 1px solid white;
  }


table.messaging td {
    border : 1px solid white;
  }


table.messaging th {
    border : 1px solid white;
  }


td.numeric {
    text-align : right;
  }


td.userinfo {
    width : 10%;
    vertical-align : top;
  }


tfoot td {
    text-align : center;
  }


img.text, h1 img {
    height: 1em;
  }


a {
    text-decoration : none;
  }


a:link {
    color : #96b937;
  }


a:visited {
    color : #e61300;
  }


a:hover {
    color : #aa1d13;
  }

/* TODO Make a "link container" class */


.floater a {
    font-weight : bold;
  }


.floater a:link {
    color : #ffffff;
  }


.floater a:visited {
    color : #ffffff;
  }


.floater a:hover {
    color : #aa1d13;
  }

div#imageViewer {
    text-align: center;
  }

img#image {
    height: 25em;
  }

div#imageSelector {
    white-space : nowrap;
    width : 100%;
    overflow : scroll;
    height : 8em;
  }

div#imageSelector img {
    height : 5em;
  }