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

body {margin-top:6px; color:#444444; background-color:#EEEEEE}

/* Cross platform settings */

form {display:inline}
img {border-width:0}
td {text-align:left; vertical-align:middle}
table.hidden {margin:0; width:100%; border-width:0}
td.hidden {padding:0; vertical-align:top}

/* General text */

h1,h2,p,a,select,input,textarea,td,fieldset,div {font-family:Verdana, Arial, sans-serif}

h1 {margin-top:10px; margin-bottom:5px; font-size:14pt; font-weight:bold}
h2 {margin-top:10px; margin-bottom:5px; font-size:12pt; font-weight:bold}
p,select,input,textarea,td,a,fieldset,div {font-size:9pt}
a {color:#0080ff; background-color:transparent; text-decoration:none}
a:hover {color:#0000ff; background-color:transparent; text-decoration:underline}
.small {font-size:8pt}
.error {color:#ff0000; background-color:inherit; font-size:8pt; font-weight:bold; font-style:italic}
.warning {color:#FF7200; background-color:inherit; font-size:8pt}
.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}
.center {text-align:center}
div.warning {margin:5px 0; width:130px; padding:3px 5px; background-color:#FFFBCF; border:1px solid #FF8A00}

/* 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 {}
div.page {margin:0 auto 10px auto; text-align:left}

/* BANNER MENU WELCOME FOOTER */

div.banner {margin:0; height:57px; background:transparent url(bg_header.gif) repeat-x top left}
div.bannerleft{float:left; background:transparent url(bg_header_td.gif) no-repeat top left}
div.bannerright{margin:0; padding:3px 5px 0 0; text-align:right}
img.banner_logo {margin-top:3px;width:175px; height:50px; border-width:0}
div.banner a {font-size:8pt; font-weight:bold}
div.nobanner {margin:0; border-bottom:4px solid #0080ff}
div.nobannerleft{float:left;vertical-align:bottom}
div.nobannerright{margin:0; padding:0 2px 5px 0; text-align:right}
div.nobanner a {font-size:8pt; font-weight:bold}

div.menu {margin:0; height:30px; border-style:solid; border-width:3px 6px 0 4px; border-color:#0080ff; background-color:#0080fe}
div.menuleft {float:left; padding:4px; background-color:#0080fe; color:#000000}
div.menuright {text-align:right}
div.menu ul {list-style-type:none; margin:0; padding:0}
div.menu li {display:inline; margin:0; padding:5px 15px; background-color:#ffffff; font-size:8pt; font-weight:bold}
div.menu li a {color:#0080ff}
div.menu span {color:#888888}

div.welcome {margin:0; padding:5px; border-style:solid; border-width:0 4px 0 4px; border-color:#0080ff; color:inherit; background-color:#eeeeee}

div.footer {margin:2px 0 2px 0; padding:0px}
div.footerleft {float:left; font-size:8pt; color:#444444; background-color:inherit}
div.footerright {text-align:right; font-size:8pt; color:#444444; background-color:inherit}
div.footer a {color:#0080ff; background-color:inherit; font-size:8pt}

/* BODY */

div.body {margin-bottom:5px}
div.body_in {color:inherit; background-color:#FFFFFF; border:4px solid #0080FF}

div.bodyhd {height:30px; color:#000000; background-color:#0080ff}
div.bodyhdleft {float:left; padding:5px 5px 5px 5px; color:#000000; font-size:11pt; font-weight:bold}
div.bodyhdleft a {color:#ffffff; font-size:11pt; font-weight:bold}
img.bodyhdleft {display:none}
div.bodyhdright {text-align:right; padding:5px 2px 5px 5px}
img.bodyhdright {display:none}

div.bodyct {padding:15px;background-color:#EEEEEE}

div.bodyft {height:30px; color:#000000; background-color:#0080ff}
div.bodyftleft {float:left; padding:8px 5px 5px 5px; color:#000000; font-size:8pt}
div.bodyftleft a {color:#ffffff; font-size:8pt}
img.bodyftleft {display:none}
div.bodyftright {text-align:right; padding:7px 2px 5px 5px}
div.bodyftright label {font-size:8pt}
img.bodyftright {display:none}

/* 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,
table.data_t,
table.data_o {margin:0; padding:0; width:100%; color:inherit; background-color:#FFFFFF; border:solid 2px #AAAAAA}

  /* text inside data table (header row) */

  table.data_s td.colhd,
  table.data_t td.colhd,
  table.data_o td.colhd {font-size:8pt; font-weight:bold; color:#555555}
  table.data_s td.colhd a,
  table.data_t td.colhd a,
  table.data_a td.colhd a {font-size:8pt; font-weight:bold; color:#555555; text-decoration:none}
  table.data_s td.colhd a:hover,
  table.data_t td.colhd a:hover,
  table.data_a td.colhd a:hover {text-decoration:underline}
  table.data_s td.colct,
  table.data_t td.colct,
  table.data_o td.colct {font-size:8pt}

/* SECTION INDEX */

table.data_s td.colhd {padding:4px; color:#444444; background-color:#aaaaaa; border-color:#dddddd; border-style:solid; border-width:0 0 2px 0}
table.data_s td.colhdempty {padding:0; height:0}
table.data_s td.colhdico {width:40px;text-align:center}
table.data_s td.colct {padding:4px; color:inherit; background-color:#ffffff; border-style:solid; border-width:1px 0px 1px 0; border-color:#dddddd}
table.data_s td.colico {width:40px;text-align:center}
table.data_s td.colft {padding:0; height:0}

  /* Specific for section index */

  table.data_s td.colct a.section,
  table.data_s td.colct span.section {font-size:11pt; font-weight:bold}
  table.data_s td.colct img.section {}
  table.data_s td.colct 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}

/* TOPIC */

table.data_t td.colhd {padding:4px; color:#444444; background-color:#aaaaaa; border-color:#dddddd; border-style:solid; border-width:0 0 2px 0}
table.data_t td.colhdempty {padding:0; height:0}
table.data_t td.colhdico {width:25px;text-align:center}
table.data_t td.colhdsmi {width:20px;text-align:center}
table.data_t td.colhdref {width:50px;text-align:center}
table.data_t td.colct {padding:4px; color:inherit; background-color:#ffffff; border-style:solid; border-width:1px 0px 1px 0; border-color:#dddddd}
table.data_t td.colico {text-align:center}
table.data_t td.colsmi {text-align:center}
table.data_t td.colref {text-align:center}
table.data_t td.colbg_closed {}
table.data_t td.colbg_opened {background-color:#AFED9A}
table.data_t td.colft {padding:0; height:0}

  /* Specific for topic title */
  table.data_t td.colct a.topic {font-size:9pt; text-decoration:underline}
  table.data_t td.colct a.topic:visited {text-decoration:none}
  table.data_t td.colct a.topic:hover {text-decoration:underline}

/* OTHER PROFILE */

table.data_o td.colhd {padding:4px; color:#444444; background-color:#aaaaaa; border-color:#dddddd; border-style:solid; border-width:0 0 2px 0}
table.data_o td.colhdempty {padding:0; height:0}
table.data_o td.colct {padding:4px; color:inherit; background-color:#FFFFFF; border-style:solid; border-width:1px 0 1px 0; border-color:#dddddd}
table.data_o td.colft {padding:0; height:0; border-width:0}

/* POST */

td.post_icone {color:inherit; background-color:#bbbbbb; padding:2px; border-style:solid; border-width:0 0 2px 0; border-color:#cccccc; text-align:center}
td.post_title {color:inherit; background-color:#bbbbbb; padding:2px; border-style:solid; border-width:0 0 2px 0; border-color:#cccccc}
td.post_smile {color:inherit; background-color:#ffffff; padding:7px 4px 7px 4px; text-align:center; vertical-align:top}
td.post_message {color:inherit; background-color:#ffffff; padding:7px 4px 7px 4px; vertical-align:top}
td.post_modif {border-style:solid; border-width:1px 0 0 0; border-color:#aaaaaa; padding:0}
p.post_title {margin:0; font-size:8pt; font-weight:bold}
p.post_date {margin:0; font-size:8pt; font-weight:bold}
span.wisheddate {font-size:8pt; font-weight:normal}
span.wisheddate  a {font-size:8pt; font-weight:bold}

div.post {border-style:solid; border-width:1px; border-color:#AAAAAA; color:inherit; background-color:#FFFFFF; width:100%; padding: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%; 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}

/* TEXT AND ICON */

img.ico {vertical-align:middle}
img.i_sec {width:32px; height:32px}/* Section */
img.i_status {}
img.i_modes,
img.i_user {width:15px; height:15px; vertical-align:top}
img.i_pre {width:15px; height:15px; vertical-align:top}
img.i_sort {width:9px; height:9px}

p.msgbody {margin:0; color:#000000; background-color:inherit}
a.msgbody {}
p.msgsign {margin-top:10px}
p.msgtitle {margin:0; font-size:8pt; font-weight:bold}
a.msgtitle {font-size:8pt; font-weight:bold; color:#FFFFFF; background-color:inherit}

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; white-space:pre; overflow:auto; color:inherit; background-color:#E4FFCC; border-style:solid; border-width:0 0 0 5px; border-color:#007a00}
div.imgmsg {margin:5px 0 5px 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}
a.csv {margin:3px 0; font-size:8pt}
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-style:solid; border-width:1px 2px 2px 1px; border-color:#0080FF}
div.msgboxtitle {margin:0; padding:11px 8px 5px 8px; color:#ffffff; background-color:#0080FF; 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 {color:inherit; background-color:#ffffff; background-image:url(bg_login.gif); background-repeat:no-repeat; background-position:top left; text-align:right}
div#login_header {color:#ffffff; background-color:#007CFF; background-image:url(bg_login_header.gif); background-repeat:no-repeat; background-position:top right; height:40px}

div.myboard {padding:10px; width:500px; color:inherit; background-color:#C3D9FF; border-width:5px 0 0 0; border-style:solid; border-color:#0080FF; margin:0 0 15px auto}
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 {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-style:solid; border-width:1px; border-color:#DDDDDD; color:inherit; background-color:white}
div.picboxmsg {width:140px; float:right; padding:5px 2px 2px 2px; margin:2px; text-align:center; border-style:solid; border-width:1px; border-color:#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-style:solid; border-width:1px; border-color:#ffffff;
text-align:center;
height:25px;
background-image:url(bg_button.gif); background-repeat:repeat-x;
}
td.buttonsmall
{
padding:0;
margin:0;
border-style:solid; border-width:1px; border-color:#ffffff;
text-align:center;
height:20px;
background-image:url(bg_button.gif); background-repeat:repeat-x;
}

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

a.button {color:#ffffff; background-color:inherit; font-weight:bold}
span.button_off {color:#000000; background-color:inherit}
a.button:hover {color:#000000; background-color:inherit}
a.buttonsmall {color:#ffffff; background-color:inherit; font-size:8pt}
a.buttonsmall:hover {color:#000000; background-color:inherit}

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

/* 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 #549AE4}
td.tab_off_l {width:5px; border-bottom:solid 1px #549AE4; 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 #549AE4; border-top:solid 1px #d0d0d0; padding:0 10px; background-color:#f0f0f0; color:inherit}
td.tab_off_r {width:5px; border-bottom:solid 1px #549AE4; 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 #549AE4; 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 #549AE4}

a.tab {font-size:8pt; font-weight:bold}
a.tab:hover {color:black; background-color:inherit}

table.pan {width:100%; border-width:0 1px 1px 1px; border-style:solid; border-color:#549AE4; 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:9pt; 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 */

/* Special */

p.profile.menu {margin:5px 0 0 0}

table.legend {margin:5px 0 0 0; width:100%; border-style:solid; border-width:0 0 1px 0; border-color:#0080ff;color:inherit; background-color:#EEEEEE}
td.legend {width:275px; padding:0; text-align:left; vertical-align:top}
div.legendbox {margin:0 0 10px 0; padding:0; color:inherit; background-color:#EEEEEE; border-width:4px 0 0 0; border-style:solid; border-color:#0080ff}
div.optionstats {padding:0 5px 5px 5px; background-color:#ffffff; color:inherit}
p.legendtitle {margin:0 0 5px 0;padding:0;color:#0080ff; background-color:inherit; font-family:"Arial black",Verdana, Arial, sans-serif;font-size:10pt}
table.searchoptions {float:right;margin:5px 0 15px;color:inherit; background-color:#EEEEEE;border-width:4px 0 1px 0; border-style:solid; border-color:#0080ff}

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