@charset "UTF-8";

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

a { color:#009; text-decoration:none; }
a:hover, a:active { color:#609; }

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:55px; margin:0px 0px 10px 0px; padding:0px; background:#666; color:#FFF; }
.clHeader #tlCase { height:26px; width:25px; background-color:#EEF; }
.clHeader #tcCase { height:26px;             background-color:#EEF; text-align:right; }
.clHeader #trCase { height:26px; width:25px; background-color:#EEF; }
.clHeader #blCase { height:29px; width:25px; background-color:#113; }
.clHeader #bcCase { height:29px;             background-color:#113; }
.clHeader #brCase { height:29px; width:25px; background-color:#113; }

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

#hSkin { display:none; position:absolute; width:180px; height:60px; top:12px; left:25px; margin:0px; padding:0px; }
#hLogo { display:none; 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:left; height:20px; margin:6px 0px 0px 0px; padding:0px; }
.clHeader .hMenu td.a0 { width:2px; }
.clHeader .hMenu td.a1 { width:2px; }
.clHeader .hMenu td.b0 { background:#DDD; border:1px solid #113; border-bottom:none; padding:0px 8px 0px 8px; }
.clHeader .hMenu td.b1 { background:#113; border:1px solid #113; border-bottom:none; padding:0px 8px 0px 8px; }
.clHeader .hMenu td.c0 { width:2px; }
.clHeader .hMenu td.c1 { width:2px; }
.clHeader .hMenu a.l0       { color:#000; font-size:13px; font-weight:bold; }
.clHeader .hMenu a.l0:hover { color:#906; }
.clHeader .hMenu a.l1       { color:#CEF; font-size:13px; font-weight:bold; }
.clHeader .hMenu a.l1:hover { color:#FE9; }

.clHeader .hSmenu { float:left; height:18px; margin:11px 0px 0px 0px; padding:0px; }
.clHeader .hSmenu td.a0 { background:#669; width:10px; border-left:1px solid #000; border-bottom:1px solid #000; }
.clHeader .hSmenu td.a1 { background:#FFF; width:10px; border-left:1px solid #000; }
.clHeader .hSmenu td.b0 { background:#669; border-bottom:1px solid #000; }
.clHeader .hSmenu td.b1 { background:#FFF; }
.clHeader .hSmenu td.c0 { background:#669; width:10px; border-right:1px solid #000; border-bottom:1px solid #000; }
.clHeader .hSmenu td.c1 { background:#FFF; width:10px; border-right:1px solid #000; }
.clHeader .hSmenu a.l0       { color:#FFF; font-size:12px; font-weight:bold; }
.clHeader .hSmenu a.l0:hover { color:#FC0; }
.clHeader .hSmenu a.l1       { color:#006; font-size:12px; font-weight:bold; }
.clHeader .hSmenu a.l1:hover { color:#603; }

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

.clFooter {
  background:#113; color:#FFF;
  height:20px; margin:2em 0em 1em 0em; padding:0px 1em 0px 1em;
  line-height:20px; font-size:10px; font-weight:300;
}
.clFooter a { color:#FFF; }
.clFooter .clCopy { float:left;  text-align:left;  }
.clFooter .clDate { float:right; text-align:right; }

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

.clTitle { font-size:1.0em; font-weight:bold; text-align:center; margin-bottom:0.8em; }
.clSelect{ font-size:0.9em; text-align:center; margin:0.8em; }
.clPanel { font-size:0.9em; text-align:center; margin:0.8em; }
.clError { font-size:1.0em; text-align:center; margin:1em auto 1em auto; width:50em; color:#900; }
.clEmail { font-size:1.0em; text-align:left; padding:0px; background-color:#FFF; color:#000; }
.clEmail pre { white-space: break-spaces; padding: 1em; }
.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;
}

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

table.clTab { margin:auto; border:1px solid #000; border-spacing:0px; border-collapse:collapse; }

table.clTab tr { background-color:#EEE; color:#000; }
table.clTab th { padding:0.2em 0px 0.2em 0px; font-size:0.8em; font-weight:bold; background-color:#CCD; } 
table.clTab td { padding:0.1em 0px 0.1em 0px; font-size:0.7em; }
table.clTab tr.clLine1 { background-color:#FFE; }
table.clTab tr.clLine2 { background-color:#EEF; }
table.clTab tr.clLine0 { background-color:#999; display:none; }
table.clTab tr.clSep   { background-color:#FFF; } table.clTab tr.clSep td { padding:0px; }
table.clTab td.clRep   { background-color:#FFF; }

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 0px 0.10em 0px; font-size:0.7em; text-align:center; }

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

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:1px solid #000;
}
#calendar td {
  background-color:#999; 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:#000; color:#F93; }
#calendar .calnav:hover { background-color:#000; color:#F00; }

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

#calendar a.calout       { color:#999; }
#calendar a.calout:hover { background-color:#F93; color:#000; }
#calendar a.calday       { color:#000; }
#calendar a.calday:hover { background-color:#F93; color:#000; }
#calendar a.calnow       { color:#C00; }
#calendar a.calnow:hover { background-color:#F93; 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 #EFEDDE; 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:#FFF; border:1px solid #999; margin:1px; width:23px; height:22px; }
.rteDiv .rteImgUp{ background:#CDE; border:1px solid #69E; margin:1px; }
.rteDiv .rteImgDn{ background:#FD9; border:1px solid #900; 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%;
  background-color: #666; color:#FFF;
  font-size:1em; font-weight:bold; font-style:italic;
  text-align:center; padding-top:10em;
}