@charset "UTF-8";

body { background-color:#333; color:#FFF; padding:0px; margin:0px; text-align:center; }
body, p, th, td { font-size:0.9em; font-family:Verdana,Helvetica,Arial,sans-serif; }

a { color:#9CE; text-decoration:none; }
a:hover, a:active { color:#69F; }

img { border:0px; vertical-align:middle; }

h1 { font-size:1.2em; }
h2 { font-size:1.1em; }
h3 { font-size:1.0em; }
h4 { font-size:0.9em; }
h5 { font-size:0.8em; }

.rouge { color:#C00; }

/*--------------------------------------------------*/

.clHeader {
  width:100%; height:75px; margin:0px 0px 1em 0px; padding:0px;
  color:#FFF; background:#000 url(gfx/head4.png) repeat-x bottom left;
}
.clHeader #tlCase { height:37px; width:220px; }
.clHeader #tcCase { height:37px;              text-align:center; }
.clHeader #trCase { height:37px; width:60px;  }
.clHeader #blCase { height:38px; width:220px; }
.clHeader #bcCase { height:38px;              }
.clHeader #brCase { height:38px; width:60px;  }

.clHeader #lSpacer { width:210px; height:2px; }
.clHeader #rSpacer { width:60px;  height:2px; }
.clHeader #hSelObs { /*float:left;*/ margin:10px 0px 0px 0px; padding:0px; }

#hSkin { position:absolute; width:180px; height:60px; top:12px; left:25px; margin:0px; padding:0px; }
#hLogo { position:absolute; width:60px;  height:40px; top:22px; right:0px; margin:0px; padding:0px; }
#hSkin img, #hLogo img { behavior:url(css/pngbehavior.htc); }

.clHeader .hMenu { float:right; height:23px; margin:14px 0px 0px 0px; padding:0px; }
.clHeader .hMenu td.a0 { background:transparent url('gfx/tabs4m-a0.png') no-repeat bottom left; width:10px; }
.clHeader .hMenu td.a1 { background:transparent url('gfx/tabs4m-a1.png') no-repeat bottom left; width:10px; }
.clHeader .hMenu td.b0 { background:transparent url('gfx/tabs4m-b0.png') repeat-x bottom left; }
.clHeader .hMenu td.b1 { background:#555 url('gfx/tabs4m-b1.png') repeat-x bottom left; }
.clHeader .hMenu td.c0 { background:transparent url('gfx/tabs4m-c0.png') no-repeat bottom right; width:10px; }
.clHeader .hMenu td.c1 { background:transparent url('gfx/tabs4m-c1.png') no-repeat bottom right; width:10px; }
.clHeader .hMenu a.l0       { color:#FFE; font-size:13px; font-weight:bold; }
.clHeader .hMenu a.l0:hover { color:#F90; }
.clHeader .hMenu a.l1       { color:#FFF; font-size:13px; font-weight:bold; }
.clHeader .hMenu a.l1:hover { color:#9CF; }

.clHeader .hSmenu { float:right; height:24px; margin:14px 0px 0px 0px; padding:0px; }
.clHeader .hSmenu td.a0 { background:transparent url('gfx/tabs4s-a0.png') no-repeat bottom left; width:12px; }
.clHeader .hSmenu td.a1 { background:transparent url('gfx/tabs4s-a1.png') no-repeat bottom left; width:12px; }
.clHeader .hSmenu td.b0 { background:#666 url('gfx/tabs4s-b0.png') repeat-x bottom left; }
.clHeader .hSmenu td.b1 { background:#333 url('gfx/tabs4s-b1.png') repeat-x bottom left; }
.clHeader .hSmenu td.c0 { background:transparent url('gfx/tabs4s-c0.png') no-repeat bottom right; width:12px; }
.clHeader .hSmenu td.c1 { background:transparent url('gfx/tabs4s-c1.png') no-repeat bottom right; width:12px; }
.clHeader .hSmenu a.l0       { color:#FFE; font-size:13px; font-weight:bold; }
.clHeader .hSmenu a.l0:hover { color:#FC0; }
.clHeader .hSmenu a.l1       { color:#FFF; font-size:13px; font-weight:bold; }
.clHeader .hSmenu a.l1:hover { color:#CEF; }

/*--------------------------------------------------*/

.clFooter {
  color:#EEE; background-color:#666; border-top:1px solid #999; border-bottom:1px solid #CCC;
  height:20px; margin:3em 0em 1em 0em; padding:0px 25px 0px 1em;
  line-height:20px; font-size:10px; font-weight:300;
}
.clFooter a { color:#E0F0FF; }
.clFooter .clCopy { float:left;  text-align:left;  }
.clFooter .clDate { float:right; text-align:right; }

/*--------------------------------------------------*/

.clTitle {
  font-size:1.1em; font-weight:bold; text-align:center; margin-bottom:1em; padding-bottom:0.2em;
  background-color:#666; color:#FFF; border-top:1px solid #CCC; border-bottom:1px solid #999;
}
.clSelect{ font-size:1.0em; text-align:center; margin:1em; }
.clPanel { font-size:1.0em; text-align:center; margin:1em; }
.clError { font-size:1.0em; text-align:center; margin:1em auto 1em auto; width:50em; }
.clEmail { font-size:1.0em; text-align:left; padding:0px; background-color:#FFF; color:#000; }
.clEmail pre { white-space: break-spaces; padding: 1em; }
.clEmail table { color:#000; }
.clEmail a { color:#00F; text-decoration:underline; }

.clHelp {
  position:absolute; visibility:hidden; z-index:10;
  width:30em; margin:0px 0px 0px -30em; padding:0.5em;
  background-color:#FEC; color:#000; border:2px solid #000;
  text-align:justify; font-size:0.9em;
/*filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;*/
}

/*--------------------------------------------------*/

table.clTab { margin:auto; border:0px; border-spacing:0px; border-collapse:collapse; }/*margin-bottom:1em; }*/

table.clTab tr { background-color:#EEE; }
table.clTab th { color:#003; padding:0.25em 0px 0.25em 0px; font-size:0.85em; font-weight:bold; }
table.clTab td { color:#000; padding:0.10em 0px 0.10em 0px; font-size:0.75em; }
table.clTab tr.clLine1 { background-color:#F0F0F0; }
table.clTab tr.clLine2 { background-color:#FFFFFF; }
table.clTab tr.clLine0 { background-color:#999999; display:none; }
table.clTab tr.clSep   { background-color:#F6F6F6; } table.clTab tr.clSep td { padding:0px; }
table.clTab td.clRep   { background-color:#FFF; color:#003; padding-left:1em; }
table.clTab td.clKey   { white-space:nowrap; vertical-align:top; text-align:right; padding:0 0.5em 0 1em; font-weight:bold; }
/*table.clTab td.clKey   { white-space:nowrap; vertical-align:top; text-align:left; padding:0 1em 0 0; font-weight:bold; }*/
/*table.clTab td.clKey:before { content:'- '; }*/
table.clTab td.clLib   { white-space:nowrap; vertical-align:top; text-align:right; padding-right:1em; }
table.clTab td.clVal   { vertical-align:top; }

table.clTab th.chead { background:#CCC url(gfx/bar43-ch.png) repeat-x top; }
table.clTab th.lhead { background:#333 url(gfx/bar43-lh.png) no-repeat top left; }
table.clTab th.rhead { background:#333 url(gfx/bar43-rh.png) no-repeat top right; }
table.clTab th.lside { background:#CCC url(gfx/bar43-lc.png) repeat-y top left; }
table.clTab th.rside { background:#CCC url(gfx/bar43-rc.png) repeat-y top right; }
table.clTab td.lside { background-image:url(gfx/bar43-ls.png); background-repeat:repeat-y; background-position:left; }
table.clTab td.rside { background-image:url(gfx/bar43-rs.png); background-repeat:repeat-y; background-position:right; }
table.clTab th.cfoot { background:#CCC url(gfx/bar43-cf.png) repeat-x bottom; }
table.clTab th.lfoot { background:#333 url(gfx/bar43-lf.png) no-repeat bottom left; }
table.clTab th.rfoot { background:#333 url(gfx/bar43-rf.png) no-repeat bottom right; }

table.clTab a { color:#069; text-decoration:none; }
table.clTab a:hover, table.clTab a:active { color:#39F; }
table.clTab th a { color:#900; font-weight:bold; }
table.clTab th a:hover, table.clTab th a:active { color:#C00; }

table.clLeg { margin:auto; border-spacing:0px; border-collapse:collapse; background-color:#EEE; }
table.clLeg td { border:1px solid #999; color:#000; padding:0.10em; font-size:0.7em; text-align:center; }
table.clLeg a { color:#600; } table.clLeg a:hover { color:#C00; }

/*--------------------------------------------------*/

table.clAide { margin:auto; border:1px solid #000; border-spacing:0px; border-collapse:collapse; }
table.clAide td { font-size:1.0em; text-align:center; } 
table.clAide td.clTitle { color:#003366; font-style:italic; font-weight:bold; font-size:1.0em; text-align:right; }
table.clAide h3 { font-size:14px; }
table.clAide td.text2 { font-size:14px; }
table.clAide td.text3 { font-size:11px; }

/*--------------------------------------------------*/

form { display:inline; }

input.txt, textarea {
  background-color:#FFF; color:#000;
  font-size:12px; font-family:Bitstream Vera Sans Mono,Lucida Sans Typewriter Regular,Lucida Console,Courier New,Courier,monospace;
  border:2px inset #369;
}
input.btn {
  background-color:#FFF; color:#003;
  font-size:0.8em; font-weight:bold;
  border:2px outset #369; padding:2px;
}
input.txt:hover, textarea:hover { background-color:#F0F8FF; }
input.btn:hover  { background-color:#FE9; color:#000; border:2px solid #369; }
input.btn:active { background-color:#900; color:#FFF; border:2px inset #036; }

/*--------------------------------------------------*/

#calendar { 
  position:absolute; visibility:hidden; width:175px; height:160px;
  margin:0px; padding:0px; border:2px solid #333;
}
#calendar td {
  background-color:#666; color:#FFF; margin:0px; padding:0px;
  font-size:11px; font-weight:bold; font-family:Helvetica,Arial,sans-serif;
  text-align:center; text-decoration:none;
}
#calendar td:hover { color:#FF6; }

#calendar .calnav       { background-color:#333; color:#FC0; }
#calendar .calnav:hover { background-color:#333; color:#F93; }

#calendar td.calout       { background-color:#EEE; color:#999; border:1px solid #FFF; }
#calendar td.calout:hover { background-color:#F90; color:#333; border:1px solid #666; }
#calendar td.calday       { background-color:#FFF; color:#000; border:1px solid #EEE; }
#calendar td.calday:hover { background-color:#F90; color:#000; border:1px solid #000; }
#calendar td.calnow       { background-color:#CEF; color:#C00; border:1px solid #C00; }
#calendar td.calnow:hover { background-color:#F90; color:#900; border:1px solid #900; }

#calendar a.calout       { color:#999; }
#calendar a.calout:hover { background-color:#F90; color:#000; }
#calendar a.calday       { color:#000; }
#calendar a.calday:hover { background-color:#F90; color:#000; }
#calendar a.calnow       { color:#C00; }
#calendar a.calnow:hover { background-color:#F90; color:#000; }

/*--------------------------------------------------*/

.rteDiv { position:relative; display:block; }
.rteDiv .show    { position:relative; left:auto;    top:auto; }
.rteDiv .hide    { position:absolute; left:-1000px; top:-1000px; }
.rteDiv .rteBk   { border:1px solid #EEE; letter-spacing:0; height:24px; }
.rteDiv .rteBk tbody tr td { background:#EEE; height:24px; padding:0; color:#963; }
.rteDiv .rteSep  { margin:0 2px 0 2px; width:1px; height:20px; border:0px; }
.rteDiv .rteBar  { margin:0 2px 0 4px; width:3px; height:15px; border:0px; display:none; }
.rteDiv .rteImg  { background:#F0F0F0; border:1px solid #999999; margin:1px; width:23px; height:22px; }
.rteDiv .rteImgUp{ background:#CDDBF3; border:1px solid #6699EE; margin:1px; }
.rteDiv .rteImgDn{ background:#CCCCEE; border:1px solid #3366CC; margin:1px; }

/*--------------------------------------------------*/

.imgview {
  float:left; width:172px; height:205px;
  background-color:#EEE; border:1px solid #999;
  margin:2px 0px 2px 4px; padding:0px;
  border-spacing:0px; border-collapse:collapse;
}
.imgview tr, .imgview td { margin:0px; padding:0px; background:none; border:0px;}


#loading {
  position:absolute; z-index:1000; visibility:hidden;
  top:0; left:0; height:100%; width:100%; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;
  background-color: #666; color:#FFF;
  font-size:1em; font-weight:bold; font-style:italic;
  text-align:center; padding-top:10em;
}