/* MAIN STYLE */

.css-default {display:inline !important}
.css-alternate {display:none !important}

body {margin:10px 0 10px 0; color:#333333; background:#d1d1d1 url(background.gif) repeat-x}
form {display:inline}
img {border-width:0}
td {text-align:left;vertical-align:middle}

h1,h2 {margin-top:10px; margin-bottom:5px; font-family:verdana,arial,sans-serif; font-size:14pt; font-weight:bold}
h1.profile_name {margin:0 0 15px 0}

p,select,input,textarea,td,a,fieldset {font-family:verdana,arial,sans-serif; font-size:9pt; text-decoration:none}

a {color:#646356; background-color:inherit; text-decoration:underline}
a:hover {color:#000000; background-color:inherit; text-decoration:underline}

.small {font-size:8pt}
.error {color:#ff0000; background-color:inherit; font-weight:bold; font-style:italic}
.warning {color:#ff0000; background-color:inherit}
.disabled {color:#888888; background-color:inherit}
.bold {font-weight:bold}
.u {text-decoration:underline}
.helptip {background-color:inherit; color:#ff0000; font-size:8pt; vertical-align:super}

table.hidden {width:100%; margin:0; border-width:0}
td.hidden {padding:0; vertical-align:top}

/* PAGE CONTAINER
 * width is controlled by a system variable and is fixed in the html code...
 * You don't need to add width in these classes.*/

div.qte_page {}
table.qte_page {border-width:0; margin:0 auto 0 auto; text-align:left}
td.qte_page {text-align:left; vertical-align:top}

/* BANNER FOOTER WELCOME */

div.banner {margin:0; width:100%}
div.banner_in {margin:0; vertical-align:bottom; padding:0; color:inherit; background-color:#b69c84}
img.banner_logo {width:175px; height:50px; border-width:0}
#banner_zl {width:70%; background-image:url(bg_banner_left.gif); background-position:top left}
#banner_zr {padding:4px; background-image:url(bg_banner_right.gif); background-position:top right; text-align:right; color:#000000; background-color:inherit}
#nobanner_zl {width:50%; background-image:url(bg_nobanner_left.gif); background-position:top left}
#nobanner_zr {padding:1px 5px 3px 0; text-align:right; background-image:url(bg_nobanner_right.gif); background-position:top right}

a.banner {color:black; background-color:inherit; font-weight:bold; font-size:8pt; text-decoration:none}
a.banner:hover {text-decoration:underline}
a.nobanner {color:black; background-color:inherit; font-size:8pt; font-weight:bold; text-decoration:none}
a.nobanner:hover {text-decoration:underline}

div.footer {margin:2px 0 2px 0; padding:0px; width:100%}
a.footer_menu {font-size:8pt}
#footer_zl {font-size:8pt}
#footer_zr {font-size:8pt; text-align:right}

table.welcome {margin:0; width:100%; color:inherit; background-color:#ffffff; border-width:0 0 1px 0; border-style:dotted; border-color:#b69c84}
td.welcome {padding:10px}
a.welcome {}

/* MENU */

table.menu {margin:0;width:100%; color:inherit; background-color:#b69c84; border-width:0 4px 0 0; border-style:solid; border-color:#b69c83}
tr.menu {height:23px}
td.menu {padding:0; text-align:center; background-image:url(bg_button.gif); background-repeat:repeat-x; border-width:0 0 1px 0; border-style:solid; border-color:#b69c83}
#menu_actif {background-image:url(bg_button.gif); background-repeat:repeat-x; border-width:0 0 0 1px; border-style:solid; border-color:#ffffff}
td.menu_sep {padding:1px}
td.menu_ico {padding:0; width:25px; text-align:center}
td.menu_usr {width:250px; padding:0; text-align:left; font-size:8pt; font-weight:bold}
a.menu {text-decoration:none; font-size:9pt; font-weight:bold; font-family:verdana,arial,sans-serif}
a.menu:hover {text-decoration:underline}
span.menu_off {font-size:9pt; font-weight:bold; font-family:verdana,arial,sans-serif}

/* BODY */

div.body {width:100%; color:inherit; background-color:#FFFFFF}
div.body_in {}

table.body_hd {width:100%; height:30px}
td.body_hd_l {padding:10px; width:20px; text-align:left}
td.body_hd_c {padding:4px; font-weight:bold}
td.body_hd_r {padding:0; width:2px; text-align:right}
img.body_hd_l {width:15px; height:15px; border:0}
img.body_hd_r {width:2px; height:2px; border:0}
a.body_hd {font-weight:bold}

table.body {border-width:0}
td.body {padding:15px; border-width:0 0 1px 0; border-style:dotted; border-color:#B69C84}

table.body_ft {width:100%; height:30px}
td.body_ft_l {padding:0; width:5px; text-align:left; background-image:url(bg_page_ft_left.gif); background-position:bottom left; background-repeat:no-repeat}
td.body_ft_c {padding:4px; font-size:8pt}
td.body_ft_r {padding:0; width:5px; text-align:right; background-image:url(bg_page_ft_right.gif); background-position:bottom right; background-repeat:no-repeat}
img.body_ft_l {width:2px; height:2px; border:0}
img.body_ft_r {width:2px; height:2px; border:0}
a.body_ft {font-size:8pt}
a.body_ft {font-size:8pt}

/* DATA TABLE */

div.dom_separator {height:15px}

table.data_s,
table.data_t,
table.data_o {margin:0; padding:0; width:100%; color:inherit; background-color:#ffffff}

  /* Common to all clickable headers */

  a.th_s,
  a.th_t,
  a.th_o {text-decoration:none; font-size:8pt; font-weight:bold}
  a.th_s:hover,
  a.th_t:hover,
  a.th_o:hover {text-decoration:underline}

/* SECTION INDEX */

/* section TH */

td.th_s {padding:4px; min-height:8px; color:#646356; background-color:#d8d7c0; border-color:#ffffff; border-style:solid; border-width:0 0 2px 0; font-size:8pt; font-weight:bold}
td.th_s_ico,
td.th_s_sta {text-align:center}
td.th_s_tit,
td.th_s_inf {}
td.th_s_first {background-image:url(bg_th_first.gif); background-repeat:no-repeat; background-position:top left}
td.th_s_last {background-image:url(bg_th_last.gif); background-repeat:no-repeat; background-position:top right}
td.th_s_empty {padding:4px; height:8px}

/* section TD */

td.td_s {padding:4px; color:inherit; background-color:#e8e7d7; border-color:#ffffff; border-style:solid; border-width:0 0 2px 0}
td.td_s_ico1,td.td_s_ico2,
td.td_s_sta1,td.td_s_sta2 {text-align:center}
td.td_s_tit1,td.td_s_tit2 {}
td.td_s_inf1,td.td_s_inf2 {font-size:8pt}
td.td_s_first {}
td.td_s_last {}

  /* Specific for section index */

  a.section {text-decoration:none; font-size:12pt; font-weight:bold; font-family:Verdana,Arial,sans-serif}
  a.section:hover {text-decoration:underline}
  span.sectiondesc {font-size:8pt; font-family:Verdana,Arial,sans-serif}
  img.section {}

/* section TF */

td.tf_s {padding:0; height:8px; color:inherit; background-color:#d8d7c0}
td.tf_s_first {background-image:url(bg_tf_first.gif); background-repeat:no-repeat; background-position:bottom left}
td.tf_s_last {background-image:url(bg_tf_last.gif); background-repeat:no-repeat; background-position:bottom right}

/* TEAM MEMBERLIST */

/* team TH */

td.th_t {padding:4px; min-height:7px; color:#646356; background-color:#d8d7c0; border-color:#ffffff; border-style:solid; border-width:0 0 2px 0; font-size:8pt; font-weight:bold}
td.th_t_ico,
td.th_t_sta {text-align:center}
td.th_t_tit,
td.th_t_inf {}
td.th_t_first {background-image:url(bg_th_first.gif); background-repeat:no-repeat; background-position:top left}
td.th_t_last {background-image:url(bg_th_last.gif); background-repeat:no-repeat; background-position:top right}
td.th_t_empty {padding:0; height:10px}

/* team TD */

td.td_t {padding:4px; color:inherit; background-color:#e8e7d7; border-color:#ffffff; border-style:solid; border-width:0 0 2px 0}
td.td_t_ico1,td.td_t_ico2,
td.td_t_sta1,td.td_t_sta2 {text-align:center}
td.td_t_tit1,td.td_t_tit2 {}
td.td_t_inf1,td.td_t_inf2 {font-size:8pt}

  td.th_t_status_i, td.td_t_status_i {text-align:center; width:30px}
  td.th_t_emails_i, td.td_t_emails_i {text-align:center; width:50px}
  td.th_t_age,
  td.th_t_picture,
  td.td_t_age,
  td.td_t_picture {text-align:center}
  td.td_t_ufield {color:inherit; background-color:#d8d7c0}
  td.td_t_address {font-size:8pt}

/* team TF */

td.tf_t {padding:0; height:7px; color:inherit; background-color:#d8d7c0}
td.tf_t_first {background-image:url(bg_tf_first.gif); background-repeat:no-repeat; background-position:bottom left}
td.tf_t_last {background-image:url(bg_tf_last.gif); background-repeat:no-repeat; background-position:bottom right}

/* OTHER PROFILE */

/* other TH */

td.th_o {padding:4px; min-height:8px; color:#646356; background-color:#d8d7c0; border-color:#ffffff; border-style:solid; border-width:0 0 2px 0; font-size:8pt; font-weight:bold}
td.th_o_first {background-image:url(bg_th_first.gif); background-repeat:no-repeat; background-position:top left}
td.th_o_last {background-image:url(bg_th_last.gif); background-repeat:no-repeat; background-position:top right}
td.th_o_empty {padding:0; height:10px}
td.th_o_submit {padding:4px; color:#646356; background-color:#d8d7c0; border-color:#ffffff; border-style:solid; border-width:0 0 2px 0; text-align:right; font-family:verdana,arial,sans-serif; font-size:8pt; font-weight:bold}

/* other TD */

td.td_o {padding:4px; color:inherit; background-color:#e8e7d7; border-color:#ffffff; border-style:solid; border-width:0 0 2px 0}

/* other TF */

td.tf_o {padding:0; height:7px; color:inherit; background-color:#d8d7c0}
td.tf_o_first {background-image:url(bg_tf_first.gif); background-repeat:no-repeat; background-position:bottom left}
td.tf_o_last {background-image:url(bg_tf_last.gif); background-repeat:no-repeat; background-position:bottom right}

/* TEAM INFO LOGO AND NAME (t=team,e=email,p=profile,w=web) */

table.si_t,
table.si_e,
table.si_w,
table.si_p {margin:5px 0; padding:0; width:100%}
img.si_t_left,
img.si_e_left,
img.si_w_left,
img.si_p_left {float:left; margin-right:10px}
img.si_t_right,
img.si_e_right,
img.si_w_right,
img.si_p_right {float:right; margin-left:10px}
p.si_t {margin:0 0 5px 0; font-size:12pt; font-weight:bold; font-style:italic; color:#888888; background-color:inherit}
p.si_e {margin:0 0 5px 0; font-size:12pt; font-weight:bold; font-style:italic; color:#888888; background-color:inherit}
p.si_w {margin:0 0 5px 0; font-size:12pt; font-weight:bold; font-style:italic; color:#888888; background-color:inherit}
p.si_p {margin:0 0 5px 0; font-size:12pt; font-weight:bold; font-style:italic; color:#888888; background-color:inherit}
p.si_t_desc {margin:0; font-size:10pt; font-weight:bold; font-style:italic; color:#888888; background-color:inherit}
p.si_e_desc {margin:0; font-size:10pt; font-weight:bold; font-style:italic; color:#888888; background-color:inherit}
p.si_w_desc {margin:0; font-size:10pt; font-weight:bold; font-style:italic; color:#888888; background-color:inherit}
p.si_p_desc {margin:0; font-size:10pt;}

/* TEXT AND ICON */

p.csv {margin:3px 0; text-align:right}
p.imgcaption {margin:3px 0}

/* ICON */

img.ico {vertical-align:middle}
img.i_sec {width:32px; height:32px}/* Section */
img.i_status {}
img.i_modes {width:15px; height:15px}/* Compact/Normal mode */
img.i_user {width:15px; height:15px}/* user, www, email */
img.i_sort {width:9px; height:9px}

/* MESSAGEBOX */

div.quickreply {padding:5px; margin-top:15px; color:inherit; background-color:#e8e7d7}
div.msgbox {margin:20px auto 20px auto; padding:0; border-style:solid; border-width:1px 1px 1px 1px; border-color:#d8d7c1 #aaaaaa #aaaaaa #d8d7c1}
div.msgboxtitle {margin:0; padding:2px 10px 2px 10px; color:#ffffff; background-color:#d8d7c0; font-family:"arial black",verdana,arial,sans-serif; font-size:12pt; font-weight:normal}
div.msgboxbody {margin:0; padding:15px; border-style:solid; border-width:2px 0 0 0; border-color:#ffffff; color:inherit; background-color:#e8e7d7}

div#login {text-align:right}
div#login_header {}

div.myboard
{
padding:10px;
width:500px;
color:inherit; background-color:#d8d7c0;
border-width:5px 0 0 0;
border-style:solid;
border-color:#900b09;
margin:0 0 15px auto;
}
span.myboardtitle
{
font-size:12pt;
font-weight:bold;
color:#900b09; background-color:inherit; 
}
p.myboard_line {
border-width:2px 0 0 0;
border-style:dotted;
border-color:#ffffff;
}
td.myboard
{
padding:4px;
color:inherit; background-color:#e8e7d7;
border:1px solid #ffffff;
}
div.modboard {text-align:right; margin:5px 0 15px 0}
span.modboard
{
padding:7px;
color:inherit; background-color:#d8d7c0;
border-width:5px 0 0 0; border-style:solid; border-color:#900b09;
font-size:8pt;
}

/* PICTURE */

div.picbox
{
width:130px; min-height:100px;
padding:6px 2px 2px 2px;
text-align:center;
border:1px solid #dddddd;
color:inherit; background-color:white;
}
div.picboxmsg
{
width:130px;
float:right;
padding:4px;
margin:2px;
text-align:center;
border:1px solid #dddddd;
color:inherit; background-color:white;
}
img.memberlistN {max-height:70px}
img.memberlistC {height:35px}

/* BUTTON */

table.button {width:100%; padding:0; margin-bottom:10px}
table.button_top {margin-bottom:12px}
table.button_bot {margin-top:12px}

td.button
{
padding:0;
margin:0;
border-style:solid; border-width:1px; border-color:#d8d7c0 #aaaaaa #aaaaaa #d8d7c0;
text-align:center;
height:25px;
background-image:url(bg_button.gif); background-repeat:repeat-x;
}
td.button_myboard {border-width:0 0 0 1px; border-style:solid; border-color:#ffffff}

td.button_small
{
padding:0;
margin:0;
border:1px solid #d8d7c0;
text-align:center;
height:20px;
color:inherit; background-color:#e8e7d7;
}
td.button_small:hover {color:inherit; background-color:#d8d7c0}

#pager_zt {text-align:right; vertical-align:bottom; padding:3px }
#pager_zb {text-align:right; padding:3px }
a.pager {text-decoration:none}

a.button {text-decoration:none}
a.button:hover {text-decoration:underline}
span.button_off {font-size:8pt; font-weight:bold; color:#888888; background-color:inherit; text-decoration:none}
a.button_small {font-size:8pt;text-decoration:none}
a.button_small:hover {text-decoration:underline}

/* TABS */

table.tab {margin:0; width:100%; border-width:0; table-layout:auto}
td.tab {padding:0; height:25px; text-align:center; font-size:8pt; font-weight:bold}

/* one <td> must be without width to benefit from the <table> width 100% */
td.tab_begin {width:8px; border-bottom:solid 1px #AAAAAA}
td.tab_off_l {width:5px; border-bottom:solid 1px #AAAAAA; background-image:url(bg_tab_left.gif); background-repeat:no-repeat; background-position:top left}
td.tab_off_c {width:80px; border-bottom:solid 1px #AAAAAA; border-top:solid 1px #d0d0d0; padding:0 10px; background-color:#eeeeee; color:inherit}
td.tab_off_r {width:5px; border-bottom:solid 1px #AAAAAA; background-image:url(bg_tab_right.gif); background-repeat:no-repeat; background-position:top right}
td.tab_on_l {width:5px; background-image:url(bg_tab_left_on.gif); background-repeat:no-repeat; background-position:top left}
td.tab_on_c {width:80px; border-top:solid 1px #AAAAAA; background-color:#ffffff; color:inherit; padding:0 10px}
td.tab_on_r {width:5px; background-image:url(bg_tab_right_on.gif); background-repeat:no-repeat; background-position:top right}
td.tab_end {border-bottom:solid 1px #AAAAAA}

a.tab {background-color:#eeeeee; color:inherit; text-decoration:none; font-size:9pt}
a.tab:hover {background-color:#eeeeee; color:inherit; text-decoration:underline}

table.pan {width:100%; border-width:0 1px 1px 1px; border-style:solid; border-color:#aaaaaa; background-color:white; color:inherit}
tr.pan {}
td.pan {padding:10px}
div.pan_top {margin:0 0 15px 0; padding:0; text-align:right; color:#aaaaaa; background-color:inherit; font-size:12pt; font-weight:bold; font-style:italic}
div.pan_bot {margin:15px 0 0 0; padding:0; text-align:right}

table.doc {margin:0; width:100%; border-width:0}
tr.doc {vertical-align:bottom}
td.doc {padding:5px; text-align:center; width:50%}
td.doc_form {padding:5px; text-align:center; border-top:solid 1px #eeeeee; border-bottom:solid 1px #eeeeee}

img.doc_C {max-width:150px; max-height:75px; border:solid 1px #dddddd; padding:3px; background-color:white; color:inherit}/* image compact */
img.doc_N {max-width:350px; max-height:175px; border:solid 1px #dddddd; padding:5px; background-color:white; color:inherit}/* image normal */

/* FIELD */

table.field {margin:0; width:100%; border-width:0}
tr.field {}
td.field {padding:2px 5px 5px 2px; vertical-align:top}
td.fieldname {width:175px; text-align:right; font-size:8pt; font-weight:bold; color:#555555; background-color:inherit}
td.fieldtext {min-width:320px}
td.fieldform {}
td.fieldhelp {font-size:8pt; color:#333399; background-color:inherit}

/* Special */

table.legend {width:100%;margin:5px 0 5px 0;border-width:0 0 1px 0; border-style:solid; border-color:#b69c84}
td.legend {width:275px; padding:0; vertical-align:top}
div.legendbox {margin:5px 0 10px 0;padding:5px;color:inherit; background-color:#e8e7d7;border-width:1px; border-style:solid; border-color:#d8d7c0 #aaaaaa #aaaaaa #d8d7c0}
p.legendtitle {margin:0 0 5px 0;padding:1px 3px 1px 3px;color:#333333; background-color:#d8d7c0;font-family:"arial black",verdana,arial,sans-serif;font-size:10pt}

table.lettres {width:100%; padding:0; margin:5px 0}
tr.lettres {vertical-align:middle}
td.lettres {padding:0; margin:0; border:1px solid #d8d7c0; text-align:center; height:20px; color:inherit; background-color:#e8e7d7}
td.lettres:hover {color:inherit; background-color:#d8d7c0}
td.active {font-weight:bold; background-color:#d8d7c0}
a.lettres {text-decoration:none}
a.lettres:hover {text-decoration:underline}