@media screen,print
{

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

body {margin-top:6px; color:#000000; background-color:#ffffff; 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:9pt}
p.formfooter {text-align:center; font-size:8pt; padding:4px 0 0 0; margin:0}
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}
.u {text-decoration:underline}
.bold {font-weight:bold}

h1 {margin:5px 0 15px 0; font-size:12pt}
h2 {margin:5px 0 15px 0; color:#888888; background-color:#EEEEEE; font-size:11pt}

img.smile {vertical-align:bottom}
img.email {vertical-align:text-bottom}
img#home {width:20px; height:20px; }
img#home:hover {}

/* SITE 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 {margin:0 auto 0 auto; text-align:left; border-width:0}
tr.qtg_page {vertical-align:top}
td.qtg_page {text-align:left}

/* BANNER TOP */

#logo {margin-top:5px;width:175;height:50px}

div.banner {}
table.banner {width:100%; border-width:0; color:#FFFFFF; background:#156AC2 url(bg_btop_c.gif) repeat-x}
tr.banner {vertical-align:bottom}
td.banner_l {width:10px; background:url(bg_btop_lr.gif) no-repeat top left}
td.banner_c {}
td.banner_m {padding:5px; vertical-align:top; text-align:right}
td.banner_r {width:10px; background:url(bg_btop_lr.gif) no-repeat top right}
a.banner {font-size:8pt; color:#FFFFFF; background-color:inherit; text-decoration:none}
a.banner:hover {text-decoration:underline}

table.nobanner{width:100%; border-width:0; color:#FFFFFF; background:#EEEEEE url(bg_nobtop_c.gif) repeat-x}
tr.nobanner {vertical-align:bottom; height:10px}
td.nobanner_l {width:10px; background:url(bg_nobtop_lr.gif) no-repeat top left}
td.nobanner_c {}
td.nobanner_m {width:200px; padding:5px; vertical-align:top; text-align:right}
td.nobanner_r {width:10px; background:url(bg_nobtop_lr.gif) no-repeat top right}
a.nobanner {font-size:8pt; text-decoration:none}
a.nobanner:hover {text-decoration:underline}
 
/* BANNER BOTTOM */

div.footer {}
table.footer,table.nofooter {width:100%; background:url(bg_bbot_c.gif) repeat-x top}
tr.footer,tr.nofooter {height:10px}
td.footer_l,td.nofooter_l {width:10px; background:url(bg_bbot_lr.gif) no-repeat top left}
td.footer_c,td.nofooter_c {}
td.footer_r,td.nofooter_r {width:10px; background:url(bg_bbot_lr.gif) no-repeat top right}

/* FOOTER */

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:#888888; background-color:inherit; font-size:8pt}
a.copyright {color:#888888; background-color:inherit; font-size:8pt; font-weight:bold}

/* body MAIN * (Body center) uses default text style */

table.body {margin:0; color:#000000; background-color:#EEEEEE; border-style:solid; border-color:#105195; border-width:0 1px 0 1px}
tr.body {vertical-align:top}
td.body {padding:10px}
 
/* WELCOM welcome and upper-right button */

table.welcome {margin:0 0 5px 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-style:italic; font-weight:bold}
div.ctrl {margin:0; padding:0; text-align:right}

/* PAGER 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 {padding:1px 3px 2px 3px; font-weight:bold; background-color:#ffffff; }
a.pager {padding:1px 3px 2px 3px; }

/* LAYOUT DEF (columns) */

table.column {color:#000000; background-color:#EEEEEE; margin:0; width:100%}
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 {margin:0; color:#000000; background-color:#AAAAFF; width:100%; border:solid 1px #105195}

p.msg_title {margin:0; padding:3px; background-color:#105195; color:white; border-color:#FFFFFF; border-style:solid; border-width:1px; text-align:right; font-size:8pt; font-weight:bold}
p.msg_body {margin:0; padding:4px 5px}
p.msg_sign {margin:0; padding:4px 5px; background-color:#AAAAFF; color:#105195; text-align:right; font-weight:bold; font-style:italic}

span.msg_mail {background-color:#AAAAFF; color:#000000; font-size:8pt}
span.msg_sign {background-color:#AAAAFF; color:#105195; font-weight:bold; font-style:italic}
span.msg_age {background-color:#AAAAFF; color:#000000; font-size:8pt}

/* REPLY */

div.reply {margin:10px auto 0 auto; padding:10px; width:500px; border-style:solid; border-color:#888888 #ffffff #ffffff #888888; border-width:2px; color:inherit; background-color:#DDDDDD}
table.reply {width:100%}
tr.reply {}
td.reply {padding:2px 4px 2px 2px; vertical-align:top}
p.code {margin:0; padding:2px 4px; border:solid 1px #aaaaaa; vertical-align:middle; text-align:center; font-family:system,courier}

/* BUTTON */

div.signbutton {margin:10px 0; text-align:center}
span.signbutton {padding:6px 10px; border:solid 1px #AAAAAA; white-space:nowrap; background-image:url('bg_button.gif'); background-repeat:repeat-x}

div.backbutton {margin:10px 0; text-align:right}
span.backbutton {padding:6px 10px; border:solid 1px #AAAAAA; white-space:nowrap; background-image:url('bg_button.gif'); background-repeat:repeat-x}

div.actionbutton {margin:10px 0; text-align:right}
span.actionbutton {padding:6px 10px; border:solid 1px #AAAAAA; white-space:nowrap; background-image:url('bg_button.gif'); background-repeat:repeat-x}

a.button, a.signbutton, a.backbutton {}

/* LOGIN */

div.login {margin:10px auto 0 auto; padding:15px 10px 5px 10px; width:250px; border-style:solid; border-color:#888888 #ffffff #ffffff #888888; border-width:2px; color:inherit; background-color:#DDDDDD}
p.login{margin:0 0 10px 0; padding:0; text-align:right}

/* MAP */

div.gmap {margin:10px auto 5px 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 {font-family:verdana,arial,sans-serif;font-size:8pt;color:#0000ff;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}

/* BBC */

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

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

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

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
{

div.ctrl {display:none}
td.copyright_l {display:none}

h1 {margin:5px 0; font-size:12pt}
h2 {margin:5px 0; background-color:#ffffff; color:#777777; font-size:11pt}
a {color:#000000}
a.banner, a.nobanner {font-size:8pt; color:#000000}
div.qtg_page {text-align:left}
table.qtg_page {width 100%; border-width:0; text-align:left}
table.body {margin:0; background-color:#ffffff; color:#000000; border-style:solid; border-color:#105195; border-width:0 1px 0 1px}
tr.body {vertical-align:top}
td.body {padding:10px}
table.column {background-color:#ffffff}
div.msg {margin:0; background-color:#ffffff; width:100%}
p.msg_title {background-color:#dddddd; color:#000000; border-color:#FFFFFF; border-style:solid; border-width:1px}
p.msg_sign {background-color:#ffffff}
span.msg_mail {background-color:#ffffff}
span.msg_sign {background-color:#ffffff}
span.msg_age {background-color:#ffffff}

}