/* DEFAULT STYLE */

body { margin-top:6px; color:#000000; background-color:#990000; font-family:Verdana, Arial, sans-serif; }
form { display:inline; }
img  { border-width:0; }

p,select,input,textarea,td,th,a { font-family:Verdana, Arial, sans-serif; font-size:9pt; }
a { color:#a40d06; background-color:inherit; text-decoration:underline;}
a:hover { text-decoration:underline; color:#e45b2b;  }

.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; }
.error { color:#ff0000; background-color:inherit; font-size:8pt; font-weight:bold; font-style:italic; }
.u { text-decoration:underline; }

h1 { margin:5px 0 0 0; font-size:12pt; }
h2 { margin:5px 0 0 0; color:#72354b;  }

img.smile { vertical-align:bottom; }
img.email { vertical-align:text-bottom; }

/* 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 { margin:0 auto 0 auto; text-align:left; border-width:0;}
.tr_page  { vertical-align:top; }
.td_page  { text-align:left; }

/* BANNER TOP */

#logo { margin-top:5px; }

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

.div_bbot {}
.tab_bbot,.tab_nobbot { width:100%;  }
.tr_bbot,.tr_nobbot { height:10px; }
.td_bbot_left,.td_nobbot_left { width:10px; }
.td_bbot_center,.td_nobbot_center {}
.td_bbot_right,.td_nobbot_right { width:10px;}
.text_bbot {}
.link_bbot {}

/* FOOTER */

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

/* body MAIN * (Body center) uses default text style */

.tab_body
{
  margin:0;
  color:#72354b; background-color:#f2bf7b;
  
}
.tr_body
{
  vertical-align:top;
}
.td_body 
{
  padding:10px;
}
  
/* WELCOM welcome and upper-right button */

.div_tips {}
.tab_tips
{
  width:100%;
  margin:0;
  border-width:0;
}
.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:#72354b;
 
}
.texte
{
	color:#72354b; text-align:justify; font-size:10pt;
}

/* PAGER Table */

.tab_pager { margin:0 5px 0 auto; }
.tr_pager_top {}
.td_pager_top { padding:5px; text-align:right; }
.tr_pager_bot {}
.td_pager_bot { padding:5px; text-align:right; }
  
/* LAYOUT DEF (columns) */

.tab_layout { color:#000000; background-color:#EEEEEE; margin:0; width:100%; }
.tr_layout  { vertical-align:top; }
.td_layout  { padding:0; }

/* DATA TABLE * 
 **************
 * attention: IE 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 { margin:0; color:#000000; background-color:#AAAAFF; width:100%; border:solid 1px #105195; }

.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 0 1px 1px; width:2px; }
.td_msg_top_c { background-color:#105195; color:white; border-color:#FFFFFF; padding:3px; border-style:solid; border-width:1px 0 1px 0;     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 0; width:2px; }

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

.td_msg_end_l { background-color:#AAAAFF; color:#105195; padding:2px; width:0; 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:0; }

.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 0 auto;
  padding:10px;
  border-style:solid; border-color:#888888 #ffffff #ffffff #888888; border-width:2px;
  color:#a40d06; background-color:#f4e2b4;
}

.tr_reply { vertical-align:top; }
.td_reply { padding:2px; }

/* BUTTON */

.div_sign 
{
  margin:5px auto 5px auto;
  padding:6px 5px;
  width:150px; 
  border:solid 1px #AAAAAA;
  text-align:center;
  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:solid 1px #AAAAAA;
  text-align:center;
  height:25px;
  background-image:url('bg_button.gif'); background-repeat:repeat-x;

}
.linkbutton
{  
  font-family:verdana,arial,sans-serif;
  font-size:9pt;
  color:#ffffff;
  text-decoration:none
 }
.linkbutton:visited {font-family:verdana,arial,sans-serif;font-size:9pt;color:#ffffff;text-decoration:none}
.linkbutton:hover {font-family:verdana,arial,sans-serif;font-size:9pt;color:#dedcd8;text-decoration:none}
/* MAP */

.div_gmap
{
margin:10px auto 10px auto;
padding:5px;
width:95%;
border:solid 1px #aaaaaa;
background-color:#f4e2b4; color:#555555;  
}
.div_gmap_disabled
{
margin:5px; padding:5px;
background-color:inherit; color:#888888;  
}

.p_gmap,.small_gmap {font-family:verdana,arial,sans-serif;font-size:8pt;}
.a_gmap,.a_gmap:visited {font-family:verdana,arial,sans-serif;font-size:8pt;color:#a40d06;text-decoration:underline}

.a_gmap:hover {font-family:verdana,arial,sans-serif;font-size:8pt;color:#e45b2b;text-decoration:underline}
.ginfo { margin-top:5px;width:225px;font-family:verdana,arial,sans-serif;font-size:8pt; }
.ginfo { margin-top:5px;width:225px;font-family:verdana,arial,sans-serif;font-size:8pt; }

/* used in the edit form */

.td_map
{
padding:5px;
border:solid 1px #aaaaaa;
}