/*****************
 * 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;
	}
.small
	{
	font-size:8pt;
	}
h1
	{
	margin:5px 0px 0px 0px;
	font-size:12pt;
	}
h2
	{
	margin:5px 0px 0px 0px;
	font-size:11pt;
	color:#888888;
	}
a	{
	color:#0000FF;
	}
a:hover
	{
	text-decoration:underline;
	}
form	
	{
	display:inline;
	}
body
	{
	color:#000000;
	background-color:#FFFFFF;
	margin-top:6px;
	}

/******************
 * 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;
	}
.table_page
	{
	border-width:0px;
	margin:0px auto 0px auto;
	text-align:left;
	}
.tr_page
	{
	vertical-align:top;
	}
.td_page
	{
	text-align:left;
	}
/**********
 * header * banner and footer
 **********/
.table_header {	
	width:100%;
	border-width:0px;
	background-color:#ffffff; background-image:url("bg_header.gif"); background-repeat:repeat-x; }
.tr_header   { }
.td_header   { background-image:url("bg_header_td.gif"); background-repeat:no-repeat }
.text_header { }
.link_header { }
/**********
 * footer *
 **********/
.table_footer {	
	width:100%;
	border-width:0px; }
.tr_footer {}
.td_footer { 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
 *************/
.table_body {
	background-color:#ffffff;
	margin:0px;
	border-style:solid;
	border-color:#6699cc;
	border-width:5px; }
.tr_body { vertical-align:top; }
.td_body { padding:0px; }

/* WELCOM * welcome and upper-right button
 **********/
.table_welcome
	{
	background-color:#6699cc;
	width:100%;
	margin:0px;
	border-style:solid; border-color:#6699cc; border-width:1px;
	}
.tr_welcome
	{
	vertical-align:top;
	}
.td_welcome
	{
	padding:5px;
	font-style:italic;
	font-weight:bold;
	}
.td_welcome_button 
	{
	width:80px;
	padding:5px; 
	font-style:italic; font-weight:bold;
	text-align:right;
	}
.text_welcome
	{
	}
/* COUNTER Table *  PAGER (outside layout)
 ****************/
.table_pager { margin:0px 5px 0px auto; }
.tr_pager_top {}
.td_pager_top { 
	border-style:solid;border-width:0px; border-color:#6699cc;
	padding:5px;
	text-align:right; }
.tr_pager_bot {}
.td_pager_bot { 
	border-style:solid;border-width:0px; border-color:#6699cc;
	padding:5px;
	text-align:right; }
 
/* LAYOUT DEF * (columns)
 **************/
.table_layout {
	margin:0px;
	width:100%;
	border-width:0px }
.tr_layout { vertical-align:top; }
.td_layout { padding:5px; }
 
/* DATA TABLE * 
 **************
 * attention: I.E. does not support table margin and width:100%.
 * Use div_shadow if you want a margin around your table_msg.*/
  
.div_shadow {
	padding:5px; }
.table_msg {
	background-color:#FFFFFF;
	width:100%;
	margin:0px;
	border-style:solid;
	border-color:#AAAAAA;
	border-width:2px }
.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 { padding:0px; border-color:#FFFFFF; border-style:solid; border-width:1px 0px 1px 1px; background-color:#AAAAAA; width:2px; }
.td_msg_top_c { padding:3px; border-color:#FFFFFF; border-style:solid; border-width:1px 0px 1px 0px; background-color:#AAAAAA; text-align:right; font-size:8pt; font-weight:bold; color:white; }
.td_msg_top_r { padding:0px; border-color:#FFFFFF; border-style:solid; border-width:1px 1px 1px 0px; background-color:#AAAAAA; width:2px; }

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

.td_msg_end_l { padding:0px; width:2px; }
.td_msg_end_c { padding:3px; text-align:right; }
.td_msg_end_r { padding:0px; width:2px; }

.td_msg_bot_l { padding:0px; width:2px; }
.td_msg_bot_c { padding:3px; }
.td_msg_bot_r { padding:0px; width:2px; }

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


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

/* BUTTON *
 **********/
.table_button { margin:5px 5px 5px auto; }
.table_button_c { margin:5px auto 5px auto; }
.tr_button { vertical-align:middle; }
.td_button { padding:0px;
	border-style:solid; border-width:1px; border-color:#ffffff;
	text-align:center;
	height:25px;
	background-color:white;
	background-image:url('bg_button.gif');
	background-repeat:repeat-x; }
.textbutton { color:#000000; font-size:8pt }
.linkbutton { color:#ffffff; font-weight:bold }
.linkbutton:hover { color:#000000 }