/*****************
 * default style *
 *****************/
body
  {
  color:#000000;
  background-color:#ffffff;
  margin-top:6px;
  }
p,select,input,textarea,td,th,a,fieldset,h1,h2,h3
  {
  font-family:Verdana, Arial, sans-serif;
  text-decoration:none;
  } 
p,select,input,textarea,td,th,a,fieldset { font-size:9pt; }
.p_form { text-align:right; }
.p_form_footer { text-align:center; font-size:8pt; padding:4px 0 0 0; margin:0; }

.small
  {
  font-size:8pt;
  }
h1
  { 
  margin:5px 0px 0px 0px;
  font-size:12pt;
  }
h2
  {
  margin:5px 0px 0px 0px;
  background-color:#EEEEEE;
  color:#888888;
  font-size:11pt;
  }
a 
  {
  color:#0000FF;
  }
a:hover 
  {
  text-decoration:underline
  }
form
  {
  display:inline;
  }
img.smile { vertical-align:bottom; border:0; }
img.email { vertical-align:text-bottom; border:0; }

/******************
 * page container *
 ******************
 * width is controlled by a user defined variable and is fixed in the html code...
 * you don't need to add width in these classes.
 ******************/
.div_page
  {
  text-align:center;
  }
.tab_page
  {
  border-width:0px;
  margin:0px auto 0px auto;
  text-align:left;
  }
.tr_page
  {
  vertical-align:top;
  }
.td_page
  {
  text-align:left;
  }

/* BANNER TOP */

#logo { margin-top:5px}

.div_btop {}
.tab_btop
  { 
  width:100%; 
  border-width:0px;
  color:#FFFFFF;
  background:url(bg_btop_c.gif) repeat-x;
  }
.tab_nobtop
  { 
  width:100%; 
  border-width:0px;
  background:#EEEEEE url(bg_nobtop_c.gif) repeat-x;
  }
.tr_btop, { vertical-align:bottom; }
.tr_nobtop { vertical-align:bottom; height:10px; }
.td_btop_left { width:10px; background:url(bg_btop_lr.gif) no-repeat top left; }
.td_nobtop_left { width:10px; background:url(bg_nobtop_lr.gif) no-repeat top left; }
.td_btop_center,.td_nobtop_center { }
.td_btop_right { width:10px; background:url(bg_btop_lr.gif) no-repeat top right;}
.td_nobtop_right { width:10px; background:url(bg_nobtop_lr.gif) no-repeat top right;}
.text_btop { }
.link_btop { }
  
/* BANNER BOTTOM */

.div_bbot { }
.tab_bbot,.tab_nobbot { width:100%; background:url(bg_bbot_c.gif) repeat-x top; }
.tr_bbot,.tr_nobbot { height:10px; }
.td_bbot_left,.td_nobbot_left { width:10px; background:url(bg_bbot_lr.gif) no-repeat top left; }
.td_bbot_center,.td_nobbot_center { }
.td_bbot_right,.td_nobbot_right { width:10px; background:url(bg_bbot_lr.gif) no-repeat top right;}
.text_bbot {}
.link_bbot {}

/**********
 * footer *
 **********/
.tab_footer
  { 
  width:100%;
  border-width:0px;
  }
.tr_footer
  {
  vertical-align:top;
  }
.td_footer_left { text-align:left; }
.td_footer_right { text-align:right; }
.text_footer
  {
  color:#888888;
  font-size:8pt;
  }
.link_footer 
  {
  color:#888888;
  font-size:8pt; font-weight:bold;
  }

/*************
 * body MAIN * (Body center) uses default text style
 *************/
.tab_body
  {
  background-color:#EEEEEE;
  color:#000000; 
  margin:0px;
  border-style:solid;
  border-color:#105195;
  border-width:0 1px 0 1px;
  }
.tr_body
  {
  vertical-align:top;
  }
.td_body 
  {
  padding:10px;
  }
  
/* WELCOM * welcome and upper-right button
 **********/
.div_tips {}
.tab_tips
  {
  width:100%;
  margin:0px;
  border-width:0px;
  }
.tr_tips
  {
  vertical-align:top;
  }
.td_tips_left 
  {
  padding:5px; 
  font-style:italic; font-weight:bold;
  }
.td_tips_right 
  {
  width:80px;
  padding:5px; 
  font-style:italic; font-weight:bold;
  text-align:right;
  }
.text_tips
  {
  color:#888888;
  background-color:#EEEEEE;
  }

/* PAGER Table *
 ***************/
.tab_pager
  {
  margin:0px 5px 0px auto;
  }
.tr_pager_top
  {
  }
.td_pager_top
  { 
  /*border-style:solid;border-width:2px; border-color:#FFFFFF #888888 #888888 #FFFFFF;*/
  padding:5px;
  text-align:right;
  }
.tr_pager_bot
  {
  }
.td_pager_bot
  { 
  /*border-style:solid;border-width:2px; border-color:#FFFFFF #888888 #888888 #FFFFFF;*/
  padding:5px;
  text-align:right;
  }
  
/* LAYOUT DEF * (columns)
 **************/
.tab_layout
  {
  color:#000000; 
  background-color:#EEEEEE;
  margin:0px;
  width:100%;
  }
.tr_layout
  {
  vertical-align:top;
  }
.td_layout
  {
  padding:0px;
  }

/* DATA TABLE * 
 **************
 * attention: I.E. does not support table margin and width:100%.
 * Use div_shadow if you want a margin around your tab_msg.*/
  
.div_shadow
  {
  padding:5px;
  }
.tab_msg
  {
  color:#000000;
  background-color:#AAAAFF;
  margin:0px;
  width:100%;
  border-style:solid;
  border-color:#105195;
  border-width:1px;
  }
.tr_msg_top { vertical-align:top; }
.tr_msg_mid { vertical-align:top; }
.tr_msg_end { vertical-align:top; }
.tr_msg_bot { vertical-align:top; }

.td_msg_top_l { background-color:#105195; color:white; border-color:#FFFFFF; padding:2px; border-style:solid; border-width:1px 0px 1px 1px; width:2px; }
.td_msg_top_c { background-color:#105195; color:white; border-color:#FFFFFF; padding:3px; border-style:solid; border-width:1px 0px 1px 0px;     text-align:right; font-size:8pt; font-weight:bold;  }
.td_msg_top_r { background-color:#105195; color:white; border-color:#FFFFFF; padding:2px; border-style:solid; border-width:1px 1px 1px 0px; width:2px; }

.td_msg_mid_l { padding:2px; width:0px; }
.td_msg_mid_c { padding:3px; }
.td_msg_mid_r { padding:2px; width:0px; }

.td_msg_end_l { background-color:#AAAAFF; color:#105195; padding:2px; width:0px; text-align:right; font-weight:bold; font-style:italic; }
.td_msg_end_c { background-color:#AAAAFF; color:#105195; padding:3px; text-align:right; }
.td_msg_end_r { background-color:#AAAAFF; color:#105195; padding:2px; width:0px; }

.td_msg_bot_l {  }
.td_msg_bot_c {  }
.td_msg_bot_t {  }

.msg    { } /*see td*/
.msg_date { } /*see td*/
.msg_loc  { } /*see td*/
.msg_mail { background-color:#AAAAFF; color:#000000; font-size:8pt; }
.msg_sign { background-color:#AAAAFF; color:#105195; font-weight:bold; font-style:italic; }
.msg_age  { background-color:#AAAAFF; color:#000000; font-size:8pt; }

/* REPLY  Table *
 ****************/
.tab_reply
  {
  margin:10px auto 0px auto;
  padding:10px;
  border-style:solid;
  border-color:#888888 #ffffff #ffffff #888888;
  border-width:2px;
  color:#000000;
  background-color:#DDDDDD;
  }
.tr_reply
  {
  vertical-align:top;
  }
.td_reply
  {
  padding:2px;
  }

/* BUTTON *
 **********/
.div_sign 
{
  margin:5px auto 5px auto;
  padding:6px 5px;
  width:150px; 
  border-style:solid; border-width:1px; border-color:#AAAAAA;
  text-align:center;
  color:#000000;
  background-color:white;
  background-image:url('bg_button.gif');
  background-repeat:repeat-x;
}
.tab_button
  {
  margin:5px 5px 5px auto;
  }
.tr_button 
  {
  vertical-align:middle;
  }
.td_button
  {
  padding:0 10px 0 10px;
  border-style:solid; border-width:1px; border-color:#AAAAAA;
  text-align:center;
  height:25px;
  color:#000000;
  background-color:white;
  background-image:url('bg_button.gif');
  background-repeat:repeat-x;
  }

/***************
 * ADMIN table * do not change it !
 ***************/
.tab_adm_hidden
  {
  background-color:#FFDDDD;
  color:#000000;  
  width:100%;
  margin:3px 0px 3px 0px;
  border-style:solid;
  border-color:#FF0000;
  border-width:2px;
  }
.tab_adm
  {
  background-color:#FFFFFF;
  color:#000000;
  width:100%;
  margin:3px 0px 3px 0px;
  border-style:solid;
  border-color:#AAAAAA;
  border-width:2px;
  }
.tr_adm_top   { vertical-align:top; }
.tr_adm       { vertical-align:top; }
.td_adm_top       { background-color:#666666; color:#FFFFFF; border-color:#FFFFFF; padding:3px 5px 3px 5px; border-style:solid;border-width:1px; text-align:right; font-size:8pt; font-weight:bold; }
.td_adm           { background-color:#DDDDDD; color:#000000; border-color:#FFFFFF; padding:3px 5px 3px 5px; border-style:solid;border-width:1px; }
.td_adm_signature { background-color:#DDDDDD; color:#000000; border-color:#FFFFFF; padding:3px 5px 3px 5px; border-style:solid;border-width:0px; }
.td_adm_help      { background-color:#EEEEEE; color:#105195; border-color:#FFFFFF; padding:3px 5px 3px 5px; border-style:solid;border-width:1px; font-size:8pt; }