@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:#369; 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 5px 0px; padding:0px; color:#FFF; }
.clHeader #tlCase { height:40px; width:190px; }
.clHeader #tcCase { height:40px;              text-align:right;/*center; nowrap;*/ }
.clHeader #trCase { height:40px; width:60px;  }
.clHeader #blCase { height:35px; width:190px; background:#344F73 url(gfx/bar15-a.png) repeat-x bottom left;}
.clHeader #bcCase { height:35px;              background:#344F73 url(gfx/bar15-a.png) repeat-x bottom left; }
.clHeader #brCase { height:35px; width:60px;  background:#344F73 url(gfx/bar15-a.png) repeat-x bottom left;}

.clHeader #lSpacer { width:190px; height:2px; }
.clHeader #rSpacer { width:60px;  height:2px; }
.clHeader #hSelObs { position:absolute; top:0px; right:60px; margin:16px 0px 0px 0px; padding:0px; }

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

.clHeader .hMenu { position:absolute; top:16px; left:195px; height:24px; margin:0px; padding:0px; }
.clHeader .hMenu td.a0 { background:transparent url('gfx/tabs5m-a0.png') no-repeat bottom left; width:12px; }
.clHeader .hMenu td.a1 { background:transparent url('gfx/tabs5m-a1.png') no-repeat bottom left; width:12px; }
.clHeader .hMenu td.b0 { background:#EEEEEE url('gfx/tabs5m-b0.png') repeat-x bottom left; }
.clHeader .hMenu td.b1 { background:#335070 url('gfx/tabs5m-b1.png') repeat-x bottom left; }
.clHeader .hMenu td.c0 { background:transparent url('gfx/tabs5m-c0.png') no-repeat bottom right; width:12px; }
.clHeader .hMenu td.c1 { background:transparent url('gfx/tabs5m-c1.png') no-repeat bottom right; width:12px; }
.clHeader .hMenu a.l0       { color:#039; font-size:13px; font-weight:bold; }
.clHeader .hMenu a.l0:hover { color:#900; }
.clHeader .hMenu a.l1       { color:#FFF; font-size:13px; font-weight:bold; }
.clHeader .hMenu a.l1:hover { color:#FC6; }

.clHeader .hSmenu { float:left; height:22px; margin:13px 0px 0px 5px; padding:0px; }
.clHeader .hSmenu td.a0 { background:transparent url('gfx/tabs5s-a0.png') no-repeat bottom left; width:12px; }
.clHeader .hSmenu td.a1 { background:transparent url('gfx/tabs5s-a1.png') no-repeat bottom left; width:12px; }
.clHeader .hSmenu td.b0 { background:#AEB8C1 url('gfx/tabs5s-b0.png') repeat-x bottom left; }
.clHeader .hSmenu td.b1 { background:#FFFFFF url('gfx/tabs5s-b1.png') repeat-x bottom left; }
.clHeader .hSmenu td.c0 { background:transparent url('gfx/tabs5s-c0.png') no-repeat bottom right; width:12px; }
.clHeader .hSmenu td.c1 { background:transparent url('gfx/tabs5s-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:#000; font-size:13px; font-weight:bold; }
.clHeader .hSmenu a.l1:hover { color:#600; }

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

.clFooter {
  color:#003; background:#AEB8C1; border-top:1px solid #21334A; border-bottom:1px solid #21334A;
  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.0em; font-weight:bold; text-align:left; margin:0; height:1.8em;
  background:#344F73 url(gfx/bar15-a.png) repeat-x bottom; color:#FFF;*/
  color:#000; font-size:1.1em; font-weight:bold; text-align:center;
  margin:0; margin-bottom:0.5em; padding:0.3em 1em 0.3em 1em;
}
.clSelect { font-size:1.0em; text-align:center; margin:0.5em 0 0.5em 0; padding:0.25em;
            background:#AEB8C1 url('gfx/bar15-c.png') repeat-x top left; color:#003; }
.clPanel { font-size:1.0em; text-align:center; margin:1em; }
.clError { font-size:1.0em; text-align:center; margin:1em auto 1em auto; width:780px; background-color:#FE9; }
.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;
/*filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;*/
}

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

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

table.clTab tr { background-color:#FFFFF0; }
table.clTab th { color:#FFF; 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:#F0F0FF; }
table.clTab tr.clLine2 { background-color:#FFFFF0; }
table.clTab tr.clLine0 { background-color:#999999; display:none; }
table.clTab tr.clSep   { background-color:#FFFFFF; } table.clTab tr.clSep td { padding:0px; }
table.clTab td.clRep   { background-color:#FFF; color:#003; padding-left:1em; }

table.clTab th       { background:#475669 url(gfx/bar15-b.png) repeat-x top; }
table.clTab th.cfoot { background:#556D8A url(gfx/bar15-b.png) repeat-x bottom; }
table.clTab th.lfoot { background:#556D8A url(gfx/bar15-b.png) repeat-x bottom; }
table.clTab th.rfoot { background:#556D8A url(gfx/bar15-b.png) repeat-x bottom; }

table.clTab a { color:#069; text-decoration:none; }
table.clTab a:hover, table.clTab a:active { color:#39F; }
table.clTab th a { color:#FC0; 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 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:2px solid #21334A;
}
#calendar td {
  background-color:#AEB8C1; color:#000; 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:#009; }

#calendar .calnav       { background-color:#344F73; color:#FC0; }
#calendar .calnav:hover { background-color:#344F73; color:#FE9; }

#calendar td.calout       { background-color:#EEE; color:#999; border:1px solid #FFF; }
#calendar td.calout:hover { background-color:#FE9; color:#FE9; border:1px solid #347; }
#calendar td.calday       { background-color:#FFF; color:#000; border:1px solid #EEE; }
#calendar td.calday:hover { background-color:#FE9; color:#FE9; border:1px solid #347; }
#calendar td.calnow       { background-color:#FFE; color:#C00; border:1px solid #C00; }
#calendar td.calnow:hover { background-color:#FE9; color:#900; border:1px solid #743; }

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

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

.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 #FFFFF0; letter-spacing:0; height:24px; }
.rteDiv .rteBk tbody tr td { background:#FFFFF0; 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;
}