@media screen,print
{

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

body {color:#ffffff; background-color:#666666; margin-top:6px; font-family:Verdana, Arial, sans-serif}
form {display:inline}
img {border-width:0}

p,select,input,textarea,td,th,a {font-family:Verdana, Arial, sans-serif; font-size:11pt}
select,input,textarea {color:#ffffff; background-color:#000000; border:solid 1px #666666; padding:2px }
input[type="submit"]:hover {background-color:#222222; border-color:#ffffff; cursor:pointer}

p.formfooter {text-align:center; padding:4px 0 0 0; margin:0}

h1 {margin:5px 0 15px 0; font-size:14pt}
h2 {margin:5px 0 15px 0; font-size:13pt}
a {color:#00FFFF; background-color:inherit; text-decoration:underline}
a:hover {text-decoration:underline}

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

img.bbc {color:inherit;background-color:#999999}
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.qtg_page {text-align:center}
table.qtg_page {border-width:0; margin:0 auto 0 auto; text-align:left}
tr.qtg_page {vertical-align:top}
td.qtg_page {text-align:left}

/* BANNER and FOOTER */

div.banner {}
table.banner {margin:0; width:100%; color:inherit; background-color:#666666}
tr.banner {vertical-align:bottom}
td.banner_l {}
td.banner_c {}
td.banner_m {padding-bottom:5px; text-align:right}
td.banner_r {}
a.banner {color:#ffffff; background-color:inherit; font-size:9pt; text-decoration:none}
a.banner:hover {color:#00ffff; background-color:inherit; text-decoration:underline}

table.nobanner {margin-bottom:4px; width:100%; border-width:0}
tr.nobanner {}
td.nobanner_l {width:0}
td.nobanner_c {}
td.nobanner_m {width:200px; padding:2px; vertical-align:top; text-align:right}
td.nobanner_r {width:0}
a.nobanner {color:#ffffff; background-color:inherit; font-size:9pt; text-decoration:none}
a.nobanner:hover {text-decoration:underline}

div.footer {}
table.footer {width:100%}
tr.footer {height:2px}
td.footer_l {}
td.footer_c {}
td.footer_r {}

/* Copyright line */

table.copyright {width:100%; border-width:0}
tr.copyright {vertical-align:top}
td.copyright_l {text-align:left}
td.copyright_r {text-align:right}
p.copyright {margin:2px; color:#ffffff; background-color:inherit; font-size:8pt}
a.copyright {color:#00FFFF; background-color:inherit; font-size:8pt}

/* body MAIN */

table.body {margin:0; color:#ffffff; background-color:#000000; border:solid 1px #444444}
tr.body {vertical-align:top}
td.body {padding:10px}

/* WELCOM welcome and upper-right button */

table.welcome {margin:0; width:100%}
td.welcome_l {vertical-align:top; width:75%}
td.welcome_c {}
td.welcome_r {vertical-align:top}
div.welcome {margin:0; padding:5px; width:100%; font-size:11pt; font-style:italic; font-weight:bold}
div.ctrl {margin:0; padding:0; text-align:right}

/* COUNTER Table */

div.pager_top {margin:0 5px 5px 5px; text-align:right}
div.pager_bot {margin:5px 5px 0 5px;text-align:right}
span.pager {font-weight:bold}
a.pager {}
 
/* LAYOUT DEF (columns) */

table.column {margin:0; color:inherit; background-color:#000000; width:100%; border-width:0}
tr.column {vertical-align:top}
td.column {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 {padding:5px}
div.msg { color:inherit; background-color:#000000; width:100%; border:solid 1px #aaaaaa}

p.msg_title {margin:0; padding:3px; background-color:#444444; color:inherit; text-align:right; font-size:10pt; font-weight:bold}
p.msg_body {margin:0; padding:4px 5px; color:inherit; background-color:#222222}
p.msg_sign {margin:0; padding:4px 5px; color:inherit; background-color:#222222;  text-align:right; font-weight:bold; font-style:italic}

span.msg_mail {font-size:10pt}
span.msg_sign {font-weight:bold; font-style:italic}
span.msg_age {font-size:10pt}


/* REPLY Table */

div.reply {margin:5px auto 0 auto; padding:10px; width:600px; color:inherit; background-color:#444444}
table.reply {width:100%}
tr.reply {}
td.reply {vertical-align:top; padding:2px}
p.code {margin:0; padding:2px 4px; border:solid 1px #aaaaaa; vertical-align:middle; text-align:center; font-family:courier;font-size:12pt;font-weight:bold}

/* BUTTON */

div.signbutton {margin:10px 0;text-align:center}
span.signbutton {padding:6px 10px; white-space:nowrap}

div.backbutton {margin:10px 0;text-align:right}
span.backbutton {padding:6px 10px; white-space:nowrap}

div.actionbutton {margin:10px 0;text-align:center}
span.actionbutton {padding:6px 10px; white-space:nowrap}

a.actionbutton, a.signbutton, a.backbutton {color:#00ffff; background-color:inherit; font-weight:bold; text-decoration:none}
a.actionbutton:hover, a.signbutton:hover, a.backbutton:hover {text-decoration:underline}

/* LOGIN */

div.login {margin:10px auto 0 auto; padding:15px 10px 5px 10px; width:275px; border:solid 1px #AAAAAA; color:inherit; background-color:#444444}
p.login{margin:0 0 10px 0; padding:0; text-align:right}

/* MAP */

div.gmap {margin:10px auto 10px auto;padding:5px;width:97%;border:solid 1px #aaaaaa;background-color:#ffffff; color:#555555}
div.gmap_disabled {margin:5px; padding:5px;background-color:inherit; color:#888888}
p.gmap,.small_gmap {font-family:verdana,arial,sans-serif;font-size:8pt}
a.gmap,a.gmap:visited,a.gmap:hover {color:#0000ff;background-color:inherit; font-family:verdana,arial,sans-serif; font-size:8pt; text-decoration:underline}
.ginfo {margin-top:5px;width:225px;font-family:verdana,arial,sans-serif;font-size:8pt}
/* used in the edit form */
td.mapedit {padding:5px;border:solid 1px #aaaaaa}

/* 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}

/* BBC */

img.bbc {width:19px; height:19px}

img.bbc_bold {background:url(bbc_bold.gif) 0 -21px}
img.bbc_italic {background:url(bbc_italic.gif) 0 -21px}
img.bbc_under {background:url(bbc_under.gif) 0 -21px}
img.bbc_quote {background:url(bbc_quote.gif) 0 -21px}
img.bbc_code {background:url(bbc_code.gif) 0 -21px}
img.bbc_url {background:url(bbc_url.gif) 0 -21px}
img.bbc_mail {background:url(bbc_mail.gif) 0 -21px}
img.bbc_img {background:url(bbc_img.gif) 0 -21px}

img.bbc_bold:hover {background:#ffff00 url(bbc_bold.gif) 0 0}
img.bbc_italic:hover {background:#ffff00 url(bbc_italic.gif) 0 0}
img.bbc_under:hover {background:#ffff00 url(bbc_under.gif) 0 0}
img.bbc_quote:hover {background:#ffff00 url(bbc_quote.gif) 0 0}
img.bbc_code:hover {background:#ffff00 url(bbc_code.gif) 0 0}
img.bbc_url:hover {background:#ffff00 url(bbc_url.gif) 0 0}
img.bbc_mail:hover {background:#ffff00 url(bbc_mail.gif) 0 0}
img.bbc_img:hover {background:#ffff00 url(bbc_img.gif) 0 0}

img.ctrl {width:22px; height:22px; border-width:0}
img.ctrl_home {background:url(ico_home.gif) 0 0}
img.ctrl_std {background:url(ico_view_std.gif) 0 0}
img.ctrl_col {background:url(ico_view_col.gif) 0 0}
img.ctrl_home:hover {background:url(ico_home.gif) 0 -28px}
img.ctrl_std:hover {background:url(ico_view_std.gif) 0 -28px}
img.ctrl_col:hover {background:url(ico_view_col.gif) 0 -28px}

}
@media print
{

body {color:#000000; background-color:#ffffff; margin:0; font-family:Verdana, Arial, sans-serif}
select,input,textarea {color:#000000; background-color:#ffffff; border:solid 1px #666666 }

table.banner {background:#ffffff url() no-repeat}
#logo {background-color:#444444}
div.ctrl {display:none}
td.copyright_l {display:none}
div.reply {color:inherit; background-color:#ffffff}

a {color:#000000; background-color:inherit; text-decoration:underline}
a.banner {color:#000000}
table.body {color:#000000; background-color:#ffffff; border:solid 1px #444444}
table.column {color:#000000; background-color:#ffffff}
div.msg {background-color:#ffffff;border:solid 1px #000000}
p.msg_title {background-color:#dddddd}
p.msg_body {background-color:#ffffff}
p.msg_sign {background-color:#ffffff}
a.button, a.signbutton, a.backbutton {color:#000000}
p.copyright {color:#000000}
a.copyright {color:#000000}
p.code {display:none}

}