/* MAIN STYLE */



.css-default {display:inline !important}

.css-alternate {display:none !important}



body {margin-top:6px; padding:0; color:#000000; background-color:#EEEEEE}

form {display:inline}

img {border-width:0}

td {text-align:left; vertical-align:middle}



h1 {margin-top:10px; margin-bottom:5px; font-family:Verdana, Arial, sans-serif;font-size:14pt; font-weight:bold}

h2 {margin-top:10px; margin-bottom:5px; font-family:Verdana, Arial, sans-serif;font-size:12pt; font-weight:bold}

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

a {color:#0000FF; background-color:inherit; text-decoration:none}

a:hover {text-decoration:underline}



.small {font-size:8pt}

.error {color:#ff0000; background-color:inherit; font-size:8pt; font-weight:bold; font-style:italic}

.warning {color:#ff0000; background-color:#ffffff}

.disabled {color:#888888; background-color:inherit; font-size:8pt}

.bold {font-weight:bold}

.u {text-decoration:underline}

.helptip {background-color:inherit; color:#ff0000; font-size:8pt}



table.hidden {margin:0; width:100%; 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.qti_page {text-align:center}

table.qti_page {border-width:0; margin:0 auto 10px auto; text-align:left}

td.qti_page {text-align:left; vertical-align:top}



/* BANNER FOOTER WELCOME */



div.banner {width:100%; color:inherit; background:#0C4C8C url(bg_header.gif) repeat-x}

div.banner_in {vertical-align:bottom; padding:0px}

img.banner_logo {width:150px; height:50px; border-width:0}

#banner_zl {}

#banner_zr {padding:5px; text-align:right}

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

a.banner:hover {text-decoration:underline}

#nobanner_zl {}

#nobanner_zr {text-align:right; padding-bottom:5px}

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 {color:blue; background-color:inherit; font-size:8pt}

#footer_zl {font-size:8pt; color:black; background-color:inherit}

#footer_zr {font-size:8pt; text-align:right; color:black; background-color:inherit}



table.welcome {margin:5px 0 10px; width:100%; border:1px solid #AAAAAA}

td.welcome {padding:5px}

a.welcome {}



/* MENU */



table.menu {margin-bottom:10px; width:100%; border-width:0 1px 0 1px; border-style:solid; border-color:#AAAAAA; color:inherit; background:#DDDDDD url(bg_menu.gif) repeat-x}

tr.menu {height:24px}

td.menu {padding:0; text-align:center}

td.menu_sep {padding:0; width:2px; background-image:url(bg_menu_separator.gif); background-repeat:repeat-x}

td.menu_ico {padding:0; width:25px; text-align:center}

td.menu_usr {width:250px; padding:0; text-align:left; color:black; background-color:inherit; font-size:8pt; font-weight:bold}

a.menu {color:#0000ff; background-color:inherit; font-size:8pt; font-weight:bold}

span.menu_off {color:#888888; background-color:inherit; font-size:8pt; font-weight:bold}



/* BODY */



div.body {width:100%; margin-bottom:5px}

div.body_in {color:inherit; background-color:#EEEEEE; border:1px solid #AAAAAA}



table.body_hd {width:100%; height:30px; color:inherit; background:#ffffff url(bg_body_hd.gif) repeat-x; border-bottom:1px solid #AAAAAA}

td.body_hd_l {padding:4px; width:20px; text-align:left}

td.body_hd_c {padding:4px; font-weight:bold}

td.body_hd_r {padding:4px; width:20px; text-align:right}

img.body_hd_l {width:15px; height:15px; border:0}

img.body_hd_r {width:15px; height:15px; border:0}

a.body_hd {font-weight:bold}



table.body {}

td.body {padding:15px}



table.body_ft {width:100%; height:30px; color:inherit; background:#ffffff url(bg_body_ft.gif) repeat-x scroll bottom; border-top:1px solid #AAAAAA}

td.body_ft_l {padding:4px; width:20px; text-align:left}

td.body_ft_c {padding:4px; font-size:8pt}

td.body_ft_r {padding:4px; width:20px; text-align:right}

img.body_ft_l {width:15px; height:15px; border:0}

img.body_ft_r {width:15px; height:15px; border:0}

a.body_ft {font-size:8pt}

a.body_ft {font-size:8pt}



/* DATA TABLE */



div.dom_separator {height:15px}

div.post_sep_n {height:15px}

div.post_sep_c {margin:0; padding:0; height:0}



table.data_s {margin:0; padding:0; color:inherit; background-color:#FFFFFF; width:100%; border:1px solid #AAAAAA}

table.data_t {margin:0; padding:0; color:inherit; background-color:#FFFFFF; width:100%; border:1px solid #AAAAAA}

table.data_o {margin:3px 0; padding:0; color:inherit; background-color:#FFFFFF; width:100%; border:1px solid #AAAAAA}



  /* Common to all clickable headers */



  a.th_s,

  a.th_t,

  a.th_o {text-decoration:none; font-size:8pt; font-weight:bold; color:#555555; background-color:inherit}

  a.th_s:hover,

  a.th_t:hover,

  a.th_o:hover {text-decoration:underline}



  /* animated row light */

  

  tr.data_t {background-color:#ffffff; color:inherit}

  tr.data_t:hover {background-color:#eeeeee; color:inherit}



div.post {padding:0; width:100%; border:1px solid #AAAAAA; color:inherit; background-color:#FFFFFF}



div.tags {margin:3px 0 6px 0; padding:3px 0 1px 0; width:100%}

div.tags_edit {margin:0; padding:3px 0 1px 0; width:100%; background-color:#d8d7c0; color:inherit; border-width:0 1px 1px 1px;border-style:solid;border-color:#AAAAAA}

p.tagline {margin:2px; font-size:8pt}

span.tagline {margin:0; padding:1px 4px 2px 4px; background-color:#fcfee4; color:#000000; border-width:0 1px 1px 0;border-style:solid;border-color:#AAAAAA}

p.tagbox {margin:2px auto; width:300px; font-size:8pt}

div.tagbox {margin:0 auto; padding:3px; width:300px; background-color:#FFFFCC; color:#000000; border-width:0 1px 1px 0;border-style:solid;border-color:#AAAAAA}



/* SECTION INDEX */



/* section TH */



td.th_s {padding:4px; color:#555555; background-color:#DDDDDD}

td.th_s_ico {border-color:#DDDDDE; border-style:solid; border-width:0 0 1px 0; text-align:center}

td.th_s_tit {border-color:#DDDDDE; border-style:solid; border-width:0 0 1px 0; text-align:left; font-size:8pt; font-weight:bold}

td.th_s_inf {border-color:#DDDDDE; border-style:solid; border-width:0 0 1px 0; text-align:left; font-size:8pt; font-weight:bold}

td.th_s_sta {border-color:#DDDDDE; border-style:solid; border-width:0 0 1px 0; text-align:center; font-size:8pt; font-weight:bold}

td.th_s_empty {padding:0; height:0}



/* section TD */



td.td_s {padding:4px;color:inherit; background-color:#FFFFFF; border-color:#DDDDDD; border-style:solid;border-width:0 0 1px 0; font-size:8pt}

td.td_s_ico {text-align:center; width:40px}

td.td_s_tit {}

td.td_s_inf {font-size:8pt}

td.td_s_sta {text-align:center}



  /* Specific for section index */

  

  a.section, span.section {font-size:10pt; font-weight:bold}

  img.section {}

  span.sectiondesc {font-size:8pt}

  #sectiondesc, #topic_reference {margin:2px 0 10px 0; font-size:12pt; font-weight:bold; font-style:italic; color:#AAAAAA; background-color:inherit}



/* section TF */



td.tf_s {padding:0; height:0}



/* TOPICS MEMBERLIST */



/* topics TH */



td.th_t {padding:4px; color:#555555; background-color:#DDDDDD; border-color:#DDDDDE; border-style:solid; border-width:0 0 1px 0; font-family:Verdana, Arial, sans-serif; font-size:8pt; font-weight:bold}

td.th_t_ico {text-align:center; width:25px}

td.th_t_smi {text-align:center; width:20px}

td.th_t_ref {text-align:center; width:50px}

td.th_t_tit,

td.th_t_usr,

td.th_t_inf {}

td.th_t_sta {text-align:center}

td.th_t_empty {padding:0; height:0}



/* topics TD */



td.td_t {padding:4px; border-color:#DDDDDD; border-style:solid; border-width:0 0 1px 0}

td.td_t_ico,

td.td_t_smi,

td.td_t_ref {text-align:center}

td.td_t_tit,

td.td_t_usr {}

td.td_t_inf {font-size:8pt}

td.td_t_sta {text-align:center}

td.status_open {background-color:#AFED9A; color:inherit}



/* topics TF */



td.tf_t {padding:0; height:0}



/* POST */



td.td_p_ico {color:inherit; background-color:#DDDDDD; padding:2px 2px 4px 2px; border-style:solid; border-width:0 0 1px 0; border-color:#DDDDDE; text-align:center}

td.td_p_tit {color:inherit; background-color:#DDDDDD; padding:2px 2px 4px 2px; border-style:solid; border-width:0 0 1px 0; border-color:#DDDDDE}

td.td_p_smi {color:inherit; background-color:#FFFFFF; padding:7px 4px 7px 4px; text-align:center; vertical-align:top}

td.td_p_msg {color:inherit; background-color:#FFFFFF; padding:7px 4px 7px 4px; vertical-align:top}

td.td_p_ava {color:inherit; background-color:#FFFFFF; padding:4px; border-style:solid;border-width:0 0 0 1px; border-color:#AAAAAA; text-align:center; vertical-align:top}

td.td_line {border-style:solid; border-width:1px 0 0 0; border-color:#DDDDDD; padding:0}



/* OTHER PROFILE */



/* other TH */



td.th_o,

td.th_o_submit {padding:4px; color:#555555; background-color:#e2e2e2; border-width:1px; border-style:solid; border-color:#ffffff #999999 #b4b4b4 #ffffff; text-align:right; font-family:Verdana, Arial, sans-serif; font-size:8pt; font-weight:bold}

td.th_o_empty {padding:0; height:0; border-width:0}



/* other TD */



td.td_o {padding:4px; color:inherit; background-color:#FFFFFF; border-color:#DDDDDD; border-style:solid; border-width:0 0 1px 0}



/* other TF */



td.tf_o {padding:0; height:0; border-width:0}



/* TEXT AND ICON */



img.ico {vertical-align:middle}

img.i_sec {width:32px; height:32px}

img.i_status {}

img.i_modes,

img.i_user {width:15px; height:15px}

img.i_pre {width:15px; height:15px; vertical-align:top}

img.i_sort {width:9px; height:9px}



p.msgbody {margin:0}

a.msgbody {}

p.msgsign {margin:10px 0 0 0}

p.msgtitle {margin:0; font-size:8pt; font-weight:bold}

a.msgtitle {font-size:8pt; font-weight:bold}



div.quotetitle {margin:1px; font-style:italic; font-weight:bold; color:#888888; background-color:inherit}

div.quote {padding:3px; margin:1px 1px 6px 1px; color:inherit; background-color:#e4eafc; border-style:solid; border-width:0 0 0 5px; border-color:#888888}

div.codetitle {margin:1px; font-style:italic; font-weight:bold; color:#007a00; background-color:inherit}

div.code {padding:3px; margin:1px 1px 6px 1px; font-family:Courier,sans-serif; max-width:600px; overflow:auto; white-space:pre; color:inherit; background-color:#E4FFCC; border-style:solid; border-width:0 0 0 5px; border-color:#007A00}

div.imgmsg {margin:5px 0 0 0; width:550px; overflow:auto}

img.imgmsg {border-style:solid; border-width:1px; border-color:#eeeeee}



p.attachment {margin:10px 0 0 0}

a.attachment {font-size:8pt}

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

p.imgcaption {margin:3px 0}



/* MESSAGEBOX */



div.quickreply {padding:5px; margin-top:15px; color:inherit; background-color:#DDDDDD; border:solid 1px #AAAAAA}

div.msgbox {margin:20px auto 20px auto; padding:0; border:1px solid #156AC2}

div.msgboxtitle {margin:0; padding:8px; color:#EEEEEE; background:#FFFFFF url(bg_header.gif) repeat-x; font-family:"Arial black",Verdana, Arial, sans-serif; font-size:14pt; font-weight:normal}

div.msgboxbody {margin:0; padding:15px; color:inherit; background-color:white}



div#login {text-align:right}

div#login_header {}



div.myboard {margin:0 0 15px auto; padding:10px; width:500px; color:inherit; background-color:#C3D9FF; border-width:5px 0 0 0; border-style:solid; border-color:#156AC2}

span.myboardtitle {font-size:12pt; font-weight:bold; color:#156AC2; background-color:inherit}

p.myboard_line {border-width:2px 0 0 0; border-style:dotted; border-color:#C3D9FF}

td.myboard {padding:4px; color:inherit; background-color:#E8EEF7; border:1px solid #C3D9FF}

div.modboard {text-align:right; margin:5px 0 15px 0}

span.modboard {margin:0; padding:7px; color:inherit; background-color:#C3D9FF; border-width:5px 0 0 0; border-style:solid; border-color:#156AC2; font-size:8pt}



/* PICTURE */



div.picbox {width:150px; min-height:100px; padding:10px 2px 2px 2px; text-align:center; border:1px solid #DDDDDD; color:inherit; background-color:white}

div.picboxmsg {width:140px; float:right; padding:5px 2px 2px 2px; margin:2px; text-align:center; border:1px solid #DDDDDD; color:inherit; background-color:white}

img.message {max-width:135px}

img.member {max-width:140px}

img.memberlist {max-width:150px}

img.maptip {max-width:75px}



/* 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:1px solid #AAAAAA;

text-align:center;

height:25px;

background-image:url(bg_button.gif); background-repeat:repeat-x;

}

td.button_small

{

padding:0;

margin:0;

border:1px solid #AAAAAA;

text-align:center;

height:20px;

background-image:url(bg_button.gif); background-repeat:repeat-x;

}



#pager_zt {padding:2px; text-align:right; vertical-align:bottom}

#pager_zb {padding:2px; text-align:right}



a.button {}

span.button_off {font-size:8pt; font-weight:bold; color:#888888; background-color:inherit}

a.button_small {font-size:8pt}



/* 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:#f0f0f0; 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 {font-size:8pt; font-weight:bold}



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; border-collapse:separate; border-spacing:4px}

tr.field {}

td.field {padding: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; border-style:solid; border-width:1px; border-color:#eeeeee #cccccc #cccccc #eeeeee}

td.fieldform {width:350px}

td.fieldhelp {font-size:8pt; color:#333399; background-color:inherit}



/* Special */



table.legend {width:100%;border-style:solid; border-width:0 0 1px 0; border-color:#AAAAAA;margin:5px 0 5px 0}

td.legend {width:275px; padding:0px; vertical-align:top}

div.legendbox {margin:0 0 10px 0;padding:5px;color:inherit; background-color:#FFFFFF;border-width:4px 0 1px 0; border-style:solid; border-color:#AAAAAA}

p.legendtitle {margin:0 0 5px 0;padding:0;color:#999999; background-color:inherit;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 #AAAAAA; text-align:center; height:20px; background-image:url(bg_button.gif); background-repeat:repeat-x}

td.active {font-weight:bold}