.tf_base
{  font-family: Arial, Helvetica, sans-serif;
   font-size: 9pt;
   color: #000000;
}

.tf_table
{  font-family: Arial, Helvetica, sans-serif;
   font-size: 9pt;
   color: #000000;
   border: 1px solid #000000;
   background: #FFFFFF;
   margin-top:10px;
}

.tf_innertable
{  font-size: 9pt;
   color: #000000;
}
.tf_innertable img {
   display:block;
}

.tf_tr_header
{  font-weight: bold;
   background: #4B186E;
   color: #FFFFFF;
   line-height: 14pt;
}

.tf_tr_header a
{  font-weight: bold;
   background: #4B186E;
   color: #FFFFFF;
   text-decoration: none;
}

.tf_tr_header a:hover
{  font-weight: bold;
   color: #FFFFFF;
   text-decoration: underline;
   background: transparent;
}

.tf_tr_header a:visited
{  font-weight: bold;
   color: #FFFFFF;
   background: transparent;
}

.tf_tr_menubar
{  font-weight: bold;
   background: #F1F1F1;
   color: #000000;
}

.tf_tr_list_odd
{  background: #FFFFFF;
   line-height:12pt;
}

.tf_tr_list_even
{  background: #F1F1F1;
   line-height:12pt;
}

.tf_link
{  font-size: 9pt;
   font-weight: bold;
   color: #8000FF;
   text-decoration: none;
   background: transparent;
}

.tf_link:hover
{  font-weight: bold;
   color: #8000FF;
   text-decoration: underline;
   background: transparent;
}

.tf_link:visited
{  font-weight: bold;
   color: #8000FF;
   background: transparent;
}

/*
The forum layout is optimal if the column widths obey these rules:
   topic + sender + replies + lastpost = subject + sender + date = body (*)
   lastpost = date
   subject = topic + replies

Total width equals (*) plus two times the space width.
*/

.tf_column_space
{  width: 7px;
}

.tf_column_topic
{  width: 250px;
}

.tf_column_sender
{  width: 160px;
}

.tf_column_replies
{  width: 65px;
}

.tf_column_lastpost
{  width: 100px;
}

.tf_column_subject
{  width: 315px;
}

.tf_column_date
{  width: 100px;
}

.tf_column_body
{  width: 575px;
}

.tf_td_message_subject
{  font-size: 13pt;
   padding-top: 1px;
   padding-bottom: 1px;
   color: #FFFFFF;
}

.tf_td_threadlist_subject
{  font-weight: bold;
}

.tf_td_menubar
{  width: 575px;
   font-size: 9pt;
   padding-top: 2px;
   padding-bottom: 2px;
}

.tf_td_input
{  height: 22px;
}

.tf_input_text
{  width: 250px;
   padding-left: 3px;
   padding-right: 3px;
   border: 1px solid #000000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9pt;
}

.tf_input_select
{  padding: 0px;
   border: 1px solid #DFE7F3;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
}

.tf_input_checkbox
{  padding: 0px;
   margin: 0px;
   vertical-align: absmiddle;
}

.tf_input_textarea
{  width: 100%;
   height: 200px;
   padding: 3px;
   border: 1px solid #000000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9pt;
}

.tf_input_button
{  padding: 1px;
   border: 1px solid #4B186E;
   color: #FFFFFF;
   background: #4B186E;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9pt;
   font-weight: bold;
   cursor: pointer;
}

.tf_input_button_disabled
{  padding: 1px;
   border: 1px solid #4B186E;
   color: #C9C9C9;
   background: #4B186E;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9pt;
   font-weight: bold;
   cursor: default;
}

.tf_error
{  font-family: Arial, Helvetica, sans-serif;
   font-size: 9pt;
   font-weight: bold;
   color: #FF0000;
}