/* Common style settings for Zynaptic Limited website */

body {
  font-family : "Liberation Sans", "Arial", "Geneva", sans-serif;
  font-size : 11pt;
  text-align : center;
  min-width : 760px;
  background : #000000 url(../images/common/border-tile.jpg) repeat-x top left;
}

h1 { font-size : 1.5em; }
h2 { font-size : 1.4em; }
h3 { font-size : 1.3em; }
h4 { font-size : 1.2em; }
h5 { font-size : 1.1em; }

#text a[href],
#footer a[href] {
  color : black;
}

#text a:hover[href],
#text a:active[href],
#footer a:hover[href],
#footer a:active[href] {
  background-color : #D8D8D8;
}

#panel {
  width : 760px;
  margin : 20px auto;
  padding : 0;
  border : 2px solid black;
  background-color : white;
}

#text {
  padding : 20px 40px;
  text-align : justify;
}

#footer {
  margin-top : 20px;
  padding : 10px;
  border-top : 1px solid #000000;
  text-align : center;
  font-size : 0.8em; 
} 

#banner {
  position : relative;
  height : 180px;
  background-color : white;
}

#body-default #banner {
  background : url(../images/banners/default.jpg) no-repeat top left;
}
#body-contact #banner {
  background : url(../images/banners/contact.jpg) no-repeat top left;
}
#body-reaction #banner {
  background : url(../images/banners/reaction.jpg) no-repeat top left;
}

#banner ul {
  position : absolute;
  right : 0;
  bottom : 0;
  padding : 0;
  margin : 0;
  border : 0;
  list-style : none;
  float : right;
}

#banner li {
  margin : 0 8px 0 0;
  padding : 4px 8px 4px 8px;
  border : 0;
  background : url(../images/common/navtab-alpha.png) no-repeat top left;
  float : right;
}

#body-default #banner .index,
#body-contact #banner .contact,
#body-reaction #banner .reaction {
  background : url(../images/common/navtab-white.png) no-repeat top left;
}

#banner a {
  color : black;
  font-size : 12pt;
  font-weight : bold;
  text-decoration : none;
}

#banner a:hover, #banner a:active {
  text-decoration : underline;
}

#logotab {
  position : absolute;
  left : 0;
  top : 0;
  margin : 0;
  padding : 8px;
  border : 0;
  background : url(../images/common/logotab-alpha.png) no-repeat bottom right;
}

#logotab img {
  border : 0;
  padding : 0;
  margin : 0;
}

.index-table {
  width : 640px;
  padding : 0;
  border : 0;
  margin : 8px auto;
}

.index-table table {
  border-collapse : collapse;
  padding : 0;
  border : hidden;
  margin : 0 auto;
}

.index-table tr {
  padding : 0;
  border : 0;
  margin : 0;  
  background-color : #F0F0F0;
}

.index-table tr.highlight {
  background-color : #D8D8D8;
  cursor : pointer;
}

.index-table td {
  vertical-align : middle;
  text-align : left;
  padding : 8px;
  border : 0;
  margin : 2px;
}

.index-table a {
  display : block;
  text-align : center;
  text-decoration : none;
  color : black;
  padding : 0;
  border : 0;
  margin : 0;
}

.index-table a:hover,
.index-table a:active {
  background-color : #D8D8D8;
}

.index-table img {
  padding : 2px;
  border : solid 1px black;
  margin : 0;
  background-color : white;
}

/* Tweaks for Latex2HTML generated files */
/* Should really go into Latex2HTML specific CSS files */
#text .navigation {
  font-size : 24px;
  text-align : center;
}

#text img[alt^="\\begin{listing}"] {
  display : block;
  margin : 0 auto;
}