/* --- global --- */

   * { font-family: Arial, Verdana; }
   BODY  { background-color: #000; font-size: 81.25%; margin:0; padding:0; border:none; }
   input, select, th, td, textarea { font-size: 1em; }


/* --- content area --- */

   
/* --- links --- */

   a img { border: 0 }
   a { text-decoration: underline; border: none; }

/* layout functions */

   .c { margin-left: auto ;  margin-right: auto ; }
   .fl { float: left; }
   .fr { float: right; }

   .fbox { width: 100%; overflow: auto; }

   .vat { vertical-align: top; }
   .vam { vertical-align: middle; }
   .vab { vertical-align: bottom; }

   .hidden { display: none }
   .visible { display: inherit }

/* --- text --- */

   h1 {  color: #0066cc; text-decoration: none; font-size: 2.3em; line-height: 1.8em; font-weight: bold; padding: 0px; margin: 0px 0px 4px 0px;}
   h2 {  color: #000;    text-decoration: none; font-size: 1.5em; line-height: 1.2em; padding: 0px; margin: 0px; }
   h3 {  color: #333;    text-decoration: none; font-size: 1.2em; line-height: 1em; font-weight: bold;  padding: 0px; margin: 0px; }

   .fsf { font-family: Georgia, 'Times New Roman', Times, serif; }
   .fss { font-family: Arial, Verdana, sans-serif; }

   .smallest {  font-size: .75em; line-height: 1.25em; }
   .smaller {  font-size: .8em; line-height: 1.3em; }
   .small { font-size: .9em; line-height: 1.4em;  }
   .large { font-size: 1.1em; line-height: 1.4em;  }
   .larger { font-size: 1.2em; line-height: 1.5em;  }
   .largest { font-size: 1.3em; line-height: 1.6em;  }
   .big { font-size: 1.5em; line-height: 1.8em;  }
   .bigger { font-size: 1.8em; line-height: 2.1em;  }
   .biggest { font-size: 1.8em; line-height: 2.1em;  }

   .fs9 { font-size: 9px; }
   .fs10 { font-size: 10px; line-height: 10px; }
   .fs11 { font-size: 11px; line-height: 11px; }
   .fs12 { font-size: 12px; line-height: 12px; }
   .fs13 { font-size: 13px; line-height: 13px; }
   .fs14 { font-size: 14px; line-height: 14px; }
   .fs15 { font-size: 15px; line-height: 15px; }
   .fs16 { font-size: 16px; line-height: 16px; }
   .fs18 { font-size: 18px; line-height: 18px; }
   .fs20 { font-size: 20px; line-height: 20px; }
   .fs22 { font-size: 22px; line-height: 20px; }
   .fs24 { font-size: 24px; line-height: 24px; }
   .fs28 { font-size: 28px; line-height: 28px; }

   .bold { font-weight: bold; }
   .norm { font-weight: normal; }
   .italic { font-style: italic; }

   .tac { text-align: center; }
   .tar { text-align: right; }
   .tal { text-align: left; }

   .block { display: block; }

   .h_cp { cursor: pointer }

/* --- colors --- */

   .wht { color: #fff; }
   .vltgry { color: #eaeaea; }
   .ltgry { color: #ccc; }
   .midgry { color: #888; }
   .gry { color: #666; }
   .drkgry { color: #333; }
   .blk { color: #000; }
   .b { color: #003366; }
   .ltb { color: #0066cc; }
   .vltb { color: #D5EAFF; }
   .g { color: #116600; }
   .ltg { color: #009900; }
   .vltg { color: #7eb704  }
   .r { color: #661100; }
   .ltr { color: #cc3300; }
   .ylw { color: #ffff99; }
   .ltylw { color: #ffffcc; }
   .o { color: #FF9900; }
   .lto { color: #FFDC4E; }
   .p { color: #666699; }

/* --- padding --- */

   .p2 { padding: 2px; }
   .p4 { padding: 4px; }
   .p6 { padding: 6px; }
   .p8 { padding: 8px; }
   .p10 { padding: 10px; }
   .p12 { padding: 12px; }
   .p14 { padding: 12px; }
   .p16 { padding: 16px; }
   .p20 { padding: 20px; }

/* --- borders --- */ 

   .bd_trans { border: solid 1px Transparent; }
   .bd_wht { border: solid 1px #fff; }
   .bd_drkgry { border: solid 1px #333; }
   .bd_gry { border: solid 1px #666; }
   .bd_midgry { border: solid 1px #888; }
   .bd_ltgry { border: solid 1px #ccc; }
   .bd_vltgry { border: solid 1px #eaeaea; }
   .bd_lb { border: solid 1px #006699; }
   .bd_ltb { border: solid 1px #0066cc; }
   .bd_b { border: solid 1px #003366; }
   .bd_g { border: solid 1px #116600; }
   .bd_ltg { border: solid 1px #009900; }
   .bd_vltg { border: solid 1px #7eb704  }
   .bd_r { border: solid 1px #661100; }
   .bd_lr { border: solid 1px #cc3300; }
   .bd_ylw { border: solid 1px #ffff99; }
   .bd_ltylw { border: solid 1px #ffffcc; }   
   .bd_o { border: solid 1px #FF9900; }
   .bd_lto { border: solid 1px #FFDC4E; }
   .bd_p { border: solid 1px #666699; }

/* --- widths --- */

   .w50  { width:  50px; }
   .w60  { width:  60px; }
   .w70  { width:  70px; }
   .w85  { width:  85px; }
   .w100 { width: 100px; }
   .w150 { width: 150px; }
   .w200 { width: 200px; }
   .w250 { width: 250px; }
   .w300 { width: 300px; }
   .w350 { width: 350px; }
   .w400 { width: 400px; }
   .w450 { width: 450px; }
   .w500 { width: 500px; }
   .w550 { width: 550px; }
   .w600 { width: 600px; }
   .w650 { width: 650px; }
   .w700 { width: 700px; }
   .w750 { width: 750px; }
   .w800 { width: 800px; }
   .w850 { width: 850px; }
   .w900 { width: 900px; }
   .w940 { width: 940px; }
   .w950 { width: 950px; }
   .w960 { width: 960px; }

/* --- bgs --- */

   .bg_trans { background-color: Transparent; }
   .bg_wht { background-color: #fff; }
   .bg_vltgry { background-color: #eaeaea; }
   .bg_ltgry { background-color: #ccc; }
   .bg_midgry { background-color: #888; }
   .bg_gry { background-color: #666; }
   .bg_drkgry { background-color: #333; }
   .bg_blk { background-color: #000; }
   .bg_b { background-color: #003366; }
   .bg_ltb { background-color: #0066cc; }
   .bg_vltb { background-color: #D9F2FF; }
   .bg_g { background-color: #116600; }
   .bg_ltg { background-color: #009900; }
   .bg_vltg { background-color: #7eb704  }
   .bg_r { background-color: #661100; }
   .bg_ltr { background-color: #cc3300; }
   .bg_ylw { background-color: #ffff99; }
   .bg_ltylw { background-color: #ffffcc; }
   .bg_o { background-color: #FF9900; }
   .bg_lto { background-color: #FFDC4E; }
   .bg_p { background-color: #666699; }


/* hover cursor */
   .hcr:hover { cursor: pointer }

/* --- hover bg --- */

   .hbg_wht:hover {  background-color: #fff; }
   .hbg_vltgry:hover {  background-color: #eaeaea; }
   .hbg_ltgry:hover {  background-color: #ccc; }
   .hbg_midgry:hover {  background-color: #888; }
   .hbg_gry:hover {  background-color: #666; }
   .hbg_drkgry:hover {  background-color: #333; }
   .hbg_blk:hover {  background-color: #000; }
   .hbg_b:hover {  background-color: #003366; }
   .hbg_ltb:hover {  background-color: #0066cc; }
   .hbg_vltb:hover {  background-color: #D9F2FF; }
   .hbg_g:hover {  background-color: #116600; }
   .hbg_ltg:hover {  background-color: #009900; }
   .hbg_vltg:hover {  background-color: #7eb704  }
   .hbg_r:hover {  background-color: #661100; }
   .hbg_ltr:hover {  background-color: #cc3300; }
   .hbg_ylw:hover {  background-color: #ffff99; }
   .hbg_ltylw:hover {  background-color: #ffffcc; }
   .hbg_o:hover {  background-color: #FF9900; }
   .hbg_lto:hover {  background-color: #FFDC4E; }
   .hbg_p:hover {  background-color: #666699; }

/* --- hover text --- */

   .h_wht:hover, .h_wht:hover a {  color: #fff; }
   .h_vltgry:hover, .h_vltgry:hover a {  color: #eaeaea; }
   .h_ltgry:hover, .h_ltgry:hover a {  color: #ccc; }
   .h_midgry:hover, .h_midgry:hover a {  color: #888; }
   .h_gry:hover, .h_gry:hover a {  color: #666; }
   .h_drkgry:hover, .h_drkgry:hover a {  color: #333; }
   .h_blk:hover, .h_blk:hover a {  color: #000; }
   .h_b:hover, .h_b:hover a {  color: #003366; }
   .h_ltb:hover, .h_ltb:hover a {  color: #0066cc; }
   .h_vltb:hover, .h_vltb:hover a {  color: #D9F2FF; }
   .h_g:hover, .h_g:hover a {  color: #116600; }
   .h_ltg:hover, .h_ltg:hover a {  color: #009900; }
   .h_vltg:hover, .h_vltg:hover a {  color: #7eb704  }
   .h_r:hover, .h_r:hover a {  color: #661100; }
   .h_ltr:hover, .h_ltr:hover a  {  color: #cc3300; }
   .h_ylw:hover, .h_ylw:hover a {  color: #ffff99; }
   .h_ltylw:hover, .h_ltylw:hover a {  color: #ffffcc; }
   .h_o:hover, .h_o:hover a {  color: #FF9900; }
   .h_lto:hover, .h_lto:hover a {  color: #FFDC4E; }
   .h_p:hover, .h_p:hover a {  color: #666699; }

/* --- hover border --- */

   .hbd_wht:hover {  border-color: #fff; }
   .hbd_vltgry:hover {  border-color: #eaeaea; }
   .hbd_ltgry:hover {  border-color: #ccc; }
   .hbd_midgry:hover {  border-color: #888; }
   .hbd_gry:hover {  border-color: #666; }
   .hbd_drkgry:hover {  border-color: #333; }
   .hbd_blk:hover {  border-color: #000; }
   .hbd_b:hover {  border-color: #003366; }
   .hbd_ltb:hover {  border-color: #0066cc; }
   .hbd_vltb:hover {  border-color: #D9F2FF; }
   .hbd_g:hover {  border-color: #116600; }
   .hbd_ltg:hover {  border-color: #009900; }
   .hbd_vltg:hover {  border-color: #7eb704  }
   .hbd_r:hover {  border-color: #661100; }
   .hbd_ltr:hover {  border-color: #cc3300; }
   .hbd_ylw:hover {  border-color: #ffff99; }
   .hbd_ltylw:hover {  border-color: #ffffcc; }
   .hbd_o:hover {  border-color: #FF9900; }
   .hbd_lto:hover {  border-color: #FFDC4E; }
   .hbd_p:hover {  border-color: #666699; }

/* --- forms --- */

   .txt { border: solid 1px #B3EAFF; background : #EAF9FF; font-weight: bold; color: #666; padding: 6px; }
   .txt:hover { background-color: #ffffdc; border-color: #666; color: #666; }

   .ddl { border: solid 1px #B3EAFF; background: #F3F7FB; font-weight: bold; color: #666; padding: 3px; }
   .ddl:hover { background-color: #fff;  }

   .req { color: #993300; background: #FFFFBF; border-color: #ffcc33; }
   .err { color: #cc0000; background: #FFF0F0; border-color: #cc0000; }
   .fcs { color: #993300; background: #fff; border-color: #c9c9c9; }

   .errorMsg { color: #CC0000; font-weight: bold }

   .btn { display: block; cursor: pointer; border: solid 1px #333; margin-top: 2px;  }
   .btn span { font-size: 14px; font-weight: bold; text-align: center; border-top: solid 1px #bbb; border-left: solid 1px #bbb; border-bottom: solid 1px #555; border-right: solid 1px #555; color: #fff; display: block; height: 21px; padding: 3px 9px 0px 9px; }
   .btn:hover {  background-image: url(/img/spacer.gif); background-color: #888; }
   .btn:hover span { color: #fff; text-decoration: none; }

   a.btn { text-decoration: none; }

   .b_r { background-image: url(/img/btnBack_r.gif); }
   .b_g { background-image: url(/img/btnBack_g.gif); }
   .b_b { background-image: url(/img/btnBack_b.gif); }

   .btn_big { display: block; cursor: pointer; border: solid 1px #333; margin-top: 2px; text-decoration: none; }
   .btn_big span { font-size: 26px; font-weight: bold; text-align: center; border: solid 1px #bbb; border-bottom: solid 1px #555; border-right: solid 1px #555; color: #fff; display: block; height: 36px; padding: 3px 9px 0px 9px; text-decoration: none; }
   .btn_big:hover {  background-image: none; background-color: #888; border: solid 1px #000; }
   .btn_big:hover span { color: #fff; }

   .b_big_r { background-image: url(/img/btnBack_big_r.gif); }
   .b_big_g { background-image: url(/img/btnBack_big_g.gif); }