/* DEFAULT STYLE */

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

p,select,input,textarea,td,th,a { font-family:"Comic sans MS", Arial, sans-serif; font-size:10pt; }

h1 { margin:5px 0 0 0; font-size:12pt; }
h2 { margin:5px 0 0 0; color:#888888; background-color:inherit; font-size:11pt; }
a { text-decoration:none; color:#0000FF; background-color:inherit; }
a:hover { text-decoration:underline; }

.p_form { text-align:right; }
.p_form_footer { text-align:center; font-size:8pt; padding:4px 0 0 0; margin:0; }

.small { font-size:9pt; }
.error { color:#ff0000; background-color:inherit; font-size:8pt; font-weight:bold; font-style:italic; }
.u { text-decoration:underline; }

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

/* BANNER TOP */

.div_btop {}
.tab_btop { width:100%; border-width:0; background-image:url(bg_btop_c.gif); background-repeat:repeat-x; }
.tr_btop {}
.td_btop_left { }
.td_btop_center { width:200px; background-image:url(bg_btop_l.gif); background-repeat:no-repeat }
.td_btop_right {}
.text_btop { }
.link_btop { }

/* BANNER BOTTOM */

.div_bbot {}
.tab_bbot {}
.tr_bbot {}
.td_bbot_left {}
.td_bbot_right {}
.text_bbot {}
.link_bbot {}

/* footer **/

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

/* body MAIN uses default text style */

.tab_body { margin:0; color:inherit; background-color:#ffffff; border:solid 2px #777777; }
.tr_body  { vertical-align:top; }
.td_body  { padding:10px; }

/* WELCOM and upper-right button */

.div_tips {}
.tab_tips { margin:0; width:100%; border-width:0; }
.tr_tips { vertical-align:top; }
.td_tips_right { padding:5px; width:90px; font-style:italic; font-weight:bold; text-align:right; }
.td_tips_left { padding:5px; }
.text_tips {}

/* COUNTER Table */

.tab_pager    { margin:0 5px 0 auto; }
.tr_pager_top {}
.td_pager_top { border-width:0; padding:5px; text-align:right; }
.tr_pager_bot {}
.td_pager_bot { border-width:0; padding:5px; text-align:right; }

/* LAYOUT DEF (columns) */

.tab_layout { margin:0; width:100%; border-width:0; }
.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 { background:url(shadow.gif) no-repeat bottom right; padding:0 6px 6px 0; margin:0 5px 5px 0; }
.tab_msg    { margin:0; color:inherit; background-color:#ffff99; width:100%; border:solid 1px #000000; }
.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:2px; width:0; }
.td_msg_top_c { padding:3px; text-align:center; font-weight:bold; }
.td_msg_top_r { padding:2px; width:0; }

.td_msg_mid_l { padding:2px; width:0; }
.td_msg_mid_c { padding:3px; text-align:center;}
.td_msg_mid_r { padding:2px; width:0; }

.td_msg_end_l { padding:2px; width:0; }
.td_msg_end_c { padding:3px; text-align:center; font-weight:bold; font-style:italic; }
.td_msg_end_r { padding:2px; width:0; }

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

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

/* REPLY  Table */

.tab_reply { margin:0 auto 0 auto; padding:5px; border:solid 1px #000000; color:inherit; background-color:#ffff99; }
.tr_reply  { vertical-align:top; }
.td_reply  { padding:2px; }

/* BUTTON */

.tab_button { margin:5px 5px 5px auto; }
.div_sign   { margin:5px 0 10px 0; text-align:center; }
.tr_button  { vertical-align:middle; }
.td_button  {}
.linkbutton { color:#0000ff; background-color:inherit; font-weight:bold; }