/* MAIN STYLE */

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

body {margin-top:6px; padding:0; color:#ffffff; background-color:#222222}
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:10pt; text-decoration:none}
a {color:#00ffff; background-color:inherit; text-decoration:none}
a:hover {text-decoration:underline}

ul.bbc {background-color:#ffffff; color:#000000}

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

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}
td.qti_page {text-align:left; vertical-align:top}

/* BANNER FOOTER WELCOME */

div.banner {width:100%; color:inherit; background:#000000 url(bg_header.gif) repeat-x}
div.banner_in {vertical-align:bottom; padding:0px}
img.banner_logo {width:150px; height:50px; border-width:0}
a.banner {color:white; background-color:inherit; font-size:9pt; font-weight:bold; text-decoration:none}
a.banner:hover {text-decoration:underline}
a.nobanner {font-size:9pt; font-weight:bold; text-decoration:none}
a.nobanner:hover {text-decoration:underline}
#banner_zl {padding:5px 0 0 5px}
#banner_zr {padding:5px 5px 0 0; text-align:right}
#nobanner_zl {border-bottom:solid 2px #156AC2}
#nobanner_zr {border-bottom:solid 2px #156AC2; text-align:right}

div.footer {margin:2px 0 2px 0; padding:0px; width:100%}
a.footer_menu {color:#00ffff; background-color:inherit; font-size:9pt}
#footer_zl {font-size:9pt; color:#ffffff; background-color:inherit}
#footer_zr {font-size:9pt; text-align:right; color:#ffffff; background-color:inherit}

table.welcome {margin:0 0 10px 0; width:100%}
td.welcome {padding:0}
a.welcome {}

/* MENU */

table.menu
{
margin-bottom:10px;
width:100%;
border-width:0 2px 2px 2px; border-style:solid; border-color:#156AC2;
color:inherit; background-color:#000000;
}
tr.menu {height:23px}
td.menu {padding:0; text-align:center}
td.menu_sep {padding:0; width:2px; background-color:#156AC2; color:inherit}
td.menu_ico {padding:0; width:25px; text-align:center}
td.menu_usr {padding:0; width:250px; text-align:left; color:#ffffff; background-color:inherit; font-size:9pt; font-weight:bold}
a.menu {color:#00ffff; background-color:inherit; font-size:9pt; font-weight:bold}
span.menu_off {color:#bbbbbb; background-color:inherit; font-size:9pt; font-weight:bold}

/* BODY */

div.body {width:100%; margin-bottom:5px}
div.body_in {color:inherit; background-color:#000000; border:1px solid #AAAAAA}

/* BODY HD */

table.body_hd {width:100%; height:30px; color:inherit; background-color:#000000; border-bottom:1px solid #AAAAAA}
td.body_hd_l {padding:0; width:0}
td.body_hd_c {padding:3px 5px; font-weight:bold}
td.body_hd_r {padding:0; width:0}
img.body_hd_l {display:none}
img.body_hd_r {display:none}
a.body_hd {font-weight:bold}

table.body {}
td.body {padding:15px}

table.body_ft {width:100%; height:30px; color:inherit; background-color:#000000; border-top:1px solid #AAAAAA}
td.body_ft_l {padding:0; width:0}
td.body_ft_c {padding:4px; font-size:9pt}
td.body_ft_r {padding:0; width:0}
img.body_ft_l {display:none}
img.body_ft_r {display:none}
a.body_ft {font-size:9pt}

/* DATA TABLE */

div.dom_separator {height:15px}
div.post {padding:0; width:100%; border:1px solid #ffffff; color:inherit; background-color:#000000}
div.post_sep_n {height:15px}
div.post_sep_c {margin:0; padding:0; height:0}

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%; border-width:0 1px 1px 1px;border-style:solid;border-color:#AAAAAA}

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

/* SECTION INDEX */

/* section TH */

td.th_s {padding:4px; color:#ffffff; background-color:#444444}
td.th_s_ico {border-color:#444444; border-style:solid; border-width:0 0 1px 0; text-align:center}
td.th_s_tit {border-color:#444444; border-style:solid; border-width:0 0 1px 0; text-align:left; font-size:9pt; font-weight:bold}
td.th_s_inf {border-color:#444444; border-style:solid; border-width:0 0 1px 0; text-align:left; font-size:9pt; font-weight:bold}
td.th_s_sta {border-color:#444444; border-style:solid; border-width:0 0 1px 0; text-align:center; font-size:9pt; font-weight:bold}
td.th_s_first {}
td.th_s_last {}
td.th_s_empty {padding:0; height:0}

/* section TD */

td.td_s {padding:4px; color:inherit; background-color:#000000; border-color:#444444; border-style:solid; border-width:0 0 1px 0; text-align:left; font-size:9pt}
td.td_s_ico {text-align:center; color:inherit; background-color:#222222; border-color:#212121; width:40px}
td.td_s_tit {text-align:left}
td.td_s_inf {text-align:left; font-size:9pt}
td.td_s_sta {text-align:center}

  /* Specific for section index */
  a.section, span.section {font-size:12pt; font-weight:bold}
  img.section {}
  span.sectiondesc {font-size:9pt}

/* section TF */

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

/* TOPIC MEMBERLIST */

/* topic TH */

td.th_t {padding:4px; color:#ffffff; background-color:#444444}
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; font-size:9pt; font-weight:bold}
td.th_t_tit {text-align:left; font-size:9pt; font-weight:bold}
td.th_t_inf {text-align:left; font-size:9pt; font-weight:bold}
td.th_t_sta {text-align:center; font-size:9pt; font-weight:bold}

/* topic TD */

td.td_t {padding:4px; color:inherit; background-color:#000000; border-color:#444444; border-style:solid; border-width:0 0 1px 0}
td.td_t_ico {text-align:center; color:inherit; background-color:#222222}
td.td_t_smi,
td.td_t_ref {text-align:center}
td.td_t_tit {text-align:left}
td.td_t_inf {text-align:left; font-size:9pt}
td.td_t_sta {text-align:center}
td.status_open {background-color:#369914; color:inherit}

/* topic TF */

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

/* OTHER PROFILE */

/* other TH */

td.th_o {padding:4px; color:#ffffff; background-color:#444444; text-align:right; font-family:Verdana, Arial, sans-serif; font-size:9pt; font-weight:bold}
td.th_o_empty {padding:0; height:0}

/* other TD */

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

/* other TF */

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

/* POST */

td.td_p_ico {color:inherit; background-color:#ffffff; 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:#444444; 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:#000000; padding:7px 4px 7px 4px; vertical-align:top; text-align:center}
td.td_p_msg {color:inherit; background-color:#000000; padding:7px 4px 7px 4px; vertical-align:top}
td.td_p_ava {color:inherit; background-color:#000000; padding:4px; border-style:solid;border-width:0 0 0 1px; border-color:#AAAAAA; text-align:center}
td.td_line {padding:0; color:#AAAAAA; background-color:inherit; border-top:solid 1px #AAAAAA}

span.span_ref,span.span_status {background-color:#000000; color:#ffffff; padding:2px}


/* TEXT AND ICON */

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

img.ico {vertical-align:middle}
img.i_sec {width:32px; height:32px; background-color:#222222; color:inherit}
img.i_topic {width:15px; height:15px}
img.i_pre {width:15px; height:15px; vertical-align:top}
img.i_status {background-color:#bbbbbb; color:inherit}
img.i_modes {width:15px; height:15px}
img.i_user {width:15px; height:15px}
img.i_sort {width:9px; height:9px; background-color:#ffffff;color:#000000}

/* MESSAGEBOX */

div.quickreply {padding:5px; margin-top:15px; color:inherit; background-color:#000000; border:solid 1px #888888}
div.msgbox {margin:20px auto 20px auto; padding:0; border:1px solid #156AC2}
div.msgboxtitle {margin:0; padding:8px; color:#ffffff; background:#156AC2 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:#000000}

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

div.myboard {margin:0 0 15px auto; padding:10px; width:500px; color:inherit; background-color:#444444; border-width:5px 1px 1px 1px; border-style:solid; border-color:#AAAAAA}
span.myboardtitle {font-size:12pt; font-weight:bold; color:#ffffff; 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:#000000; border:1px solid #AAAAAA}
div.modboard {text-align:right; margin:5px 0 15px 0}
span.modboard {padding:7px; color:inherit; background-color:#444444; border-width:5px 1px 1px 1px; border-style:solid; border-color:#AAAAAA; font-size:9pt}

/* PICTURE */

div.picbox {width:150px; min-height:100px; padding:10px 2px 2px 2px; text-align:center; border:1px solid #444444}
div.picboxmsg {width:140px; min-height:50px; float:right; padding:5px 2px 2px 2px; margin:2px; text-align:center; border:1px solid #444444}
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-color:#444444; color:inherit}
td.button_small {padding:0; margin:0; border:1px solid #AAAAAA; text-align:center; height:20px; background-color:#444444; color:inherit}
span.button_off {font-size:9pt; font-weight:bold; color:#888888; background-color:inherit}
a.button_small {font-size:9pt}

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

/* Special */

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

/* TABS */

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

/* one <td> must be without width to benefit from the <table> width 100% */
td.tab_begin {width:8px; border-bottom:solid 2px #AAAAAA}
td.tab_off_l {width:3px; border-bottom:solid 2px #AAAAAA}
td.tab_off_c {width:80px; border-style:solid; border-width:1px 1px 2px 1px; border-color:#AAAAAA; padding:0 10px}
td.tab_off_r {width:3px; border-bottom:solid 2px #AAAAAA}
td.tab_on_l {width:3px; border-bottom:solid 2px #AAAAAA}
td.tab_on_c {width:80px; border-style:solid; border-width:2px; border-color:#AAAAAA #AAAAAA #000000 #AAAAAA; padding:0 10px}
td.tab_on_r {width:3px; border-bottom:solid 2px #AAAAAA}
td.tab_end {border-bottom:solid 2px #AAAAAA}

a.tab {font-size:9pt; font-weight:bold}

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

/* FIELD */

table.field {margin:0; width:100%; border-width:0}
td.field {padding:3px 5px 4px 2px; vertical-align:top; color:#ffffff; background-color:#444444}
td.fieldname {width:125px; text-align:right; font-size:9pt; font-weight:bold}
td.fieldform {}
td.fieldhelp {font-size:9pt; color:#aaaaaa; background-color:inherit}

/* REGISTER */

.scrollmessage
{
margin:0 auto 10px auto;
padding:6px;
color:inherit; background-color:#000000;
border:thin solid #AAAAAA;
height:175px;
overflow:auto;
}
.fs_register
{
margin:0 0 4px 0;
padding:5px;
text-align:right;
}

/* LETTRES */

table.lettres {margin:5px 0; padding:0; width:100%}
td.lettres {padding:0; margin:0; color:inherit; background-color:#444444; border-style:solid; border-width:1px; border-color:#aaaaaa; text-align:center; height:20px; background-image:url(bg_button.gif); background-repeat:repeat-x; vertical-align:middle}
td.active {font-weight:bold}
a.lettres {text-decoration:none; font-weight:bold}
a.lettres:hover {text-decoration:underline}

/* CALENDAR */

th.date {padding:4px; background-color:#444444; border-style:solid; border-width:0 0 2px 0; border-color:#aaaaaa; text-align:left; color:#ffffff; font-size:8pt; font-weight:bold}
td.date {padding:4px; background-color:#000000; border-style:solid; border-width:0 1px 1px 0; border-color:#aaaaaa; text-align:left; color:#ffffff; vertical-align:top}
td.date_out {padding:4px; background-color:#444444; border-style:solid; border-width:0 1px 1px 0; border-color:#aaaaaa; text-align:left; color:#888888; vertical-align:top}
th.week {padding:4px; background-color:#444444; border-style:solid; border-width:0 0 2px 0; border-color:#aaaaaa; text-align:center; color:#ffffff; font-size:8pt; font-weight:bold; vertical-align:top}
td.week {padding:4px; background-color:#444444; border-style:solid; border-width:0 0 1px 0; border-color:#aaaaaa; text-align:center; color:#ffffff; font-size:8pt; vertical-align:top}

th.date_next {background-color:#444444; padding:4px; border-style:solid; border-width:0 0 2px 0; border-color:#aaaaaa; text-align:center; color:#ffffff; font-size:8pt; font-weight:bold; vertical-align:top}
td.date_next {background-color:#000000; padding:4px; border-style:solid; border-width:1px 1px 1px 0; border-color:#aaaaaa; text-align:center; color:#ffffff; font-size:8pt; font-weight:bold; vertical-align:top}
td.date_out_next {background-color:#444444; padding:4px; border-style:solid; border-width:1px 1px 1px 0; border-color:#aaaaaa; text-align:center; color:#888888; font-size:8pt; vertical-align:top}

#zone_today {color:inherit; background:#c3d9ff url(bg_header.gif) repeat-x}

p.datenumber {margin:0; text-align:left; font-size:12pt; font-weight:bold}
p.dateicon {margin:0; text-align:right}
a.dateicon {}
a.date_next {font-size:8pt; font-weight:bold; color:#00ffff; background-color:inherit; text-decoration:none}
a.date_next:hover {text-decoration:underline}

.preview_section {margin:0}
div.preview {margin:4px 0 4px 0; padding:4px; color:inherit; background-color:#444444; border-style:solid; border-width:1px; border-color:#aaaaaa}
.preview_title {margin:0; font-size:8pt; font-weight:bold; border-style:solid; border-width:0 0 1px 0; border-color:#aaaaaa}
.preview_message {margin:5px 0 4px 0; font-size:8pt}
.preview_user {margin:2px 0 2px 0; font-size:8pt; font-weight:bold}
.preview_date {margin:2px 0 2px 0; font-size:8pt}

/* GRAPH */

table.qtgraph {padding:5px; margin:5px auto 5px auto; color:inherit; background-color:#000000; /*border:solid 1px #aaaaaa*/}
td.qtgraph_title {text-align:center}
tr.qtgraph_bar {vertical-align:bottom}
td.qtgraph_bar {vertical-align:bottom; color:inherit; background-color:#eeeeee; text-align:center}
td.qtgraph_label {font-size:7pt; text-align:center}
td.qtgraph_serie {text-align:center}
td.qtgraph_value_1 {font-size:6pt; text-align:center}
img.qtgraph_bar_1 {vertical-align:bottom; color:inherit; background-color:#000066}
td.qtgraph_value_2 {font-size:6pt; text-align:center}
img.qtgraph_bar_2 {vertical-align:bottom; color:inherit; background-color:#990099}
td.qtgraph_value_3 {font-size:6pt; text-align:center}
img.qtgraph_bar_3 {vertical-align:bottom; color:inherit; background-color:#009999}