/* Page layout */
body         { margin: 0px; padding: 0px; background: #2D4E7C; color: #FDFDB5; text-align: center; }
table, img   { margin: 0px; padding: 0px; border: 0px; border-spacing: 0px; }
table.main   { width: 100%; height: 100%; text-align: center; }
td { color: #FDFDB5; font-size: 18px; line-height: 150%; }
           table.login  { width: 100%; height:  16px; }
td.header, table.header { width: 100%; height: 124px; text-align: center; }
td.page                 { width: 100%; height:  100%; text-align: center; vertical-align: top; }
td.footer, table.footer { width: 100%; height:  19px; text-align: center; }

.l1 { width:   40%; height: 18px; background: #000000; color: #FFFFFF; font-size: 11px; font-family: Tahoma, sans-serif; padding-left: 3px; text-align: left; }
.l2 { width:   20%; height: 18px; background: #000000; color: #FFFFFF; font-size: 11px; font-family: Tahoma, sans-serif; text-align: center; }
.l3 { width:   40%; height: 18px; background: #000000; color: #FFFFFF; font-size: 11px; font-family: Tahoma, sans-serif; padding-right: 3px; text-align: right; }
.login a:link, .login a:visited { color: #FFFFFF; }
.login a:hover, .login a:active { color: #FFCC00; }

/* Menu - header */
.h1 {               height: 124px; background: url("menu/h1.png"); min-width: 4px; width: 50%; }
.h2 { width: 184px; height: 124px; }
.h3 { width:  32px; height:  91px; }
.h4 { width: 424px; height:  67px; background: url("menu/h4.png"); text-align: center; max-width: 424px; }
.h5 { width:  48px; height:  91px; }
.h6 {               height:  91px; background: url("menu/h8.png"); min-width: 4px; width: 50%; }
.h7 { width:  32px; height:  67px; background: url("menu/h8.png"); }
.h8 { width:  16px; height:  91px; background: url("menu/h8.png"); }
.hf { width:  32px; height:  24px; }
.h9 { width:  16px; height:  24px; background: url("menu/h9.png"); font-size: 10px; }
.hl { height: 24px; background: url("menu/m1.png"); text-align: left; color: #0000DD; font-family: Arial, Tahoma, sans-serif; font-weight: bold; font-size: 13px; white-space: nowrap; }
.hp { height: 23px; background: url("menu/p1.png"); text-align: left; color: #DD0000; font-family: Arial, Tahoma, sans-serif; font-size: 14px; white-space: nowrap; }
.hs { height: 10px; background: url("menu/s1.png"); }

/* Menu - footer */
.f1 { width:   25%; height:  19px; background: url("menu/f1.png"); background-repeat:no-repeat; background-position: right; color: #FDFDB5; font-family: sans-serif; font-size: 12px; text-align: left; }
.f2 { width:   50%; height:  19px; background: url("menu/f2.png"); color: #000000; text-align: center; font-family: Geneva, Helvetica, Arial, Sans-serif; font-weight: bold; font-size: 11px; white-space: nowrap; }
.f3 { width:   25%; height:  19px; background: url("menu/f3.png"); background-repeat:no-repeat; background-position: left; color: #FDFDB5; font-family: sans-serif; font-size: 12px; text-align: right; }

input.tx, textarea.tx { border: 1px solid #9093D8; font-family: sans-serif; font-size: 14px; font-weight: bold; }
input.tx:focus, textarea.tx:focus { border: 1px solid #FF0000; }

/* Common */
div a:link, div a:visited { color: #FDFDB5; }
div a:hover, div a:active { color: #FF0000; }
a:link, a:visited { color: #000000; }
a:hover, a:active { color: #FF0000; }
a.ex:visited, a.ex:link { color: #FDFDB5; font-family: sans-serif; font-size: 12px; font-style: italic; }
a.ex:hover, a.ex:active { color: #FF0000; }
a.email:link, a.email:visited { color: #FDFDB5; font-family: serif; font-size: 15px; font-weight: bold; }
a.email:hover, a.email:active { color: #FF0000; }

/* Tables */
table.tab        { color: #000000; font-family: sans-serif; font-size: 13px; text-align: center; vertical-align: middle; border-spacing: 0px; } /* border: 2px solid #000000; } */
table.tab .hdr   { height: 32px; border-bottom: 1px solid #000000; background-color: #578EE8; color: #000000; background: url("menu/hdru.png"); padding: 2px 6px; font-family: Tahoma, serif; font-weight: bold; font-size: 15px; text-align: left; }
table.tab .hdra  { height: 32px; border-bottom: 1px solid #000000; background-color: #578EE8; color: #000000; background: url("menu/hdra.png"); padding: 2px 6px; font-family: Tahoma, serif; font-weight: bold; font-size: 15px; text-align: left; }
table.tab .hdrah { height: 32px; border-bottom: 1px solid #000000; background-color: #578EE8; color: #000000; background: url("menu/hdra.png"); padding: 2px 6px; font-family: Tahoma, serif; font-weight: bold; font-size: 15px; text-align: left; cursor: help; }
table.tab .hdrs  { height: 26px; background-color: #79A4EA; color: #000000; background: url("menu/hdrs.png"); padding: 2px; font-family: sans-serif; font-weight: bold; font-size: 12px; text-align: center; border-bottom: 3px solid #000000; }
table.tab .hdrsh { height: 26px; background-color: #79A4EA; color: #000000; background: url("menu/hdrs.png"); padding: 2px; font-family: sans-serif; font-weight: bold; font-size: 12px; text-align: center; border-bottom: 3px solid #000000; cursor: help; }
table.tab .ftrs1 { height: 26px; background-color: #79A4EA; color: #000000; background: url("menu/ftrs.png"); padding: 2px; font-family: sans-serif; font-weight: bold; font-size: 12px; text-align: center; border-top: 1px solid #000000; }
table.tab .ftrs2 { height: 26px; background-color: #79A4EA; color: #000000; background: url("menu/ftrs.png"); padding: 2px; font-family: sans-serif; font-weight: bold; font-size: 12px; text-align: center; border-top: 3px solid #000000; }
table.tab td     { color: #000000; font-size: 13px; line-height: 120%; }

table.tab td.img  { padding: 6px; text-align: center; vertical-align: middle; }
table.tab table.img    { padding: 4px; background: #FFFFFF; border: 2px solid #9093D8; text-align: center; vertical-align: middle; }
table.tab table.img96  { width: 100px; height:  76px; background: #FFFFFF; border: 2px solid #9093D8; text-align: center; vertical-align: middle; }
table.tab table.img128 { width: 132px; height: 100px; background: #FFFFFF; border: 2px solid #9093D8; text-align: center; vertical-align: middle; }
table.tab table.img256 { width: 260px; height: 196px; background: #FFFFFF; border: 2px solid #9093D8; text-align: center; vertical-align: middle; }
table.tab table.img512 { width: 516px; height: 388px; background: #FFFFFF; border: 2px solid #9093D8; text-align: center; vertical-align: middle; }

/* Odd, Even - no highlight */
table.tab tr.odn { background: #FDFDB5; color: #000000; }
table.tab tr.evn { background: #DDDD95; color: #000000; }

/* Odd, Even, MouseOver - highlight */
table.tab tr.od { background: #FDFDB5; color: #000000; }
table.tab tr.ev { background: #DDDD95; color: #000000; }
table.tab tr.mo { background: #B5FDD2; color: #000000; }

/* Odd, Even, MouseOver - highlight and pointer */
table.tab tr.odl { background: #FDFDB5; color: #000000; cursor: pointer; }
table.tab tr.evl { background: #DDDD95; color: #000000; cursor: pointer; }
table.tab tr.mol { background: #B5FDD2; color: #000000; cursor: pointer; }
table.tab tr.mol td { color: #FF0000; };

/* Messages */
.msgi { background-color: #FFFFFF; background-image: url("img/msgi.png"); background-repeat: no-repeat; background-position: 8px 50%; color: #02910D; font-size: 16px; font-weight: bold; border: 3px solid #02910D; padding: 8px 8px 8px 42px; vertical-align: middle; }
.msgw { background-color: #FFFFFF; background-image: url("img/msgw.png"); background-repeat: no-repeat; background-position: 8px 50%; color: #FFC600; font-size: 16px; font-weight: bold; border: 3px solid #FFC600; padding: 8px 8px 8px 42px; vertical-align: middle; }
.msge { background-color: #FFFFFF; background-image: url("img/msge.png"); background-repeat: no-repeat; background-position: 8px 50%; color: #FF0000; font-size: 16px; font-weight: bold; border: 3px solid #FF0000; padding: 8px 8px 8px 42px; vertical-align: middle; }