body {
    margin: 0;
    padding: 10px 10px 20px 10px;
    background-color: #FFFFFF;
    background-image: url('images/bg2.png');
    z-index: 0;
    font-family: Cambria, serif;
    font-size: 11pt;
}
div.tabpic {
  margin: -135px 0px 0px 105px;
  min-height: 135px;
  z-index: 1;  
}
div.tabpic2 img{
  margin: 0px 0px 0px 0px;
  width: 100px;
  z-index: -1;
}
div.caltrkr{
  margin: 10px 0px;
  width: 100%;
}
div.caltrkr img{
  margin: 0px 10px 10px 0px;
  vertical-align: middle;
  width: 250px;
  border: 1px black solid;
}
div.caltrkr img:hover{
  //width: 250px;
}
div.transbox {
  margin:30px 50px 200px;
  padding:10px 20px;
  min-height:300px;
  background-color:#e8ffe8;
  border:1px solid black;
  /* for IE */
  filter:alpha(opacity=95);
  /* CSS3 standard */
  opacity:0.95;
}
div.addfdbox {
  margin:30px auto;
  padding:20px;
  width: 230px;
  border:1px solid black;
}
.tr {padding: 3px;}
.bl:hover {background: url('images/lower_left_a.png') 0 100% no-repeat #ffd6ff}
.br:hover {background: url('images/lower_right_a.png') 100% 100% no-repeat}
.tl:hover {background: url('images/upper_left_a.png') 0 0 no-repeat}
.tr:hover {background: url('images/upper_right_a.png') 100% 0 no-repeat; padding: 0px 3px;}

a {padding: 3px; text-decoration: none; color: #f06; font-weight: bold;}
a:hover {color: #aa0099}

table{
  border-collapse:collapse;
  border: 1px black solid;
}
th {
    border-bottom: 1px black solid;
}
.js #SearchResults tr { cursor: default; }
#SearchResults tr th {
    background: #c8ffff;
}
#SearchResults tr.alt td {
    background: #ecffff;
}
#SearchResults tr.over td {
    background: #ffe8ff;
}
#SearchResults tr.selected td {
    background: #ffd1ff;
}
#SearchResults {
    border: 1px black solid;
}
#SearchResults td {
    padding: 3px;
    min-width: 40px;
}
#SearchResults .smallpic {
    min-width: 10px;
}
#SearchResults tr.mp {
    cursor: pointer;
}
#SearchResults td.cal, th.cal, th.cal2t, td.cal2 {
    border-left: 1px black solid;
}
div.lo {
  position:absolute;
  top: 50px;
  left: 600px;
}
div.p {
    font-family: Verdana, sans-serif; 
    font-size: 12px;
    padding: 10px;
}
div.small{
    font-family: Verdana, sans-serif; 
    font-size: 10px;
}
div.title {
    color: #000066;
    padding-left: 1px;
    font-family: monospace;
    letter-spacing: 2px;
    font-size: 12px;
    line-height: 9px;
    height: 9px;
    margin-bottom: 1px;
}
div.shout {
  font-size: 10px;
  font-family: Trebuchet MS, Verdana, sans-serif;
  margin: 5px 0;
}
span.me {
  font-weight: bold;
  color: black;
}
span.timestamp {
  color: #505050;
}
span.screenname {
  color: blue;
  font-weight: bold;
}
span.message {
  color: #505050;
}
div.question, div.response {
  font-family: Trebuchet MS, Verdana, sans-serif;
  font-size: 11px;
}
form {
  margin: 0;
  padding: 0;
}
.shoutInput {
  font-size: 11px;
  font-family: Trebuchet MS, Verdana, sans-serif;
  background: #F0F0F0 no-repeat center center;
  color: #505050;
  margin: 0;
  width: 100%;
  border: 1px solid black;
  border-width: 1px 1px 0 1px;
  padding: 2px;
  vertical-align: bottom;
}
/** hack for mozilla **/
input.shoutInput[type="text"], textarea.shoutInput {
  width: 144px;
}
iframe.shoutInput {
  padding: 0;
}
iframe.#shoutChat {
  width: 148px;
  height: 500px;
}
button:hover { 
  cursor: pointer;
}
td {  
  text-align: center;
}
td.lj {  
  text-align: left;
}

th.tb {  
  border-top: thin solid #666666;
}