@charset "UTF-8";

body { background-color:#fff; color:#000; padding:0; margin:0; margin-bottom:8em; }
body, p, th, td { font-size:14px; font-family: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; text-align:center; }
h2 { font-size:1.1em; text-align:center; }
h3 { font-size:1.0em; text-align:center; }
h4 { font-size:0.9em; text-align:center; }
h5 { font-size:0.8em; text-align:center; }

.rouge { color:#C00; }

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

#lSpacer, #rSpacer { height:1px; }
.clHeader { width:100%; margin:0; margin-bottom:2em; padding:0; }
.clHeader #tlCase, .clHeader #blCase, .clHeader #lSpacer { width:190px; }
.clHeader #trCase, .clHeader #brCase, .clHeader #rSpacer { width:60px;  }
.clHeader #tcCase, .clHeader #bcCase { text-align:center; }
.clHeader #blCase, .clHeader #bcCase, .clHeader #brCase { background:#ddd; }

.clHeader #hSelObs { position:absolute; top:0; left:20%; margin:16px 0px 0px 0px; padding:0; }

#hSkin { position:absolute; width:180px; height:60px; top:12px; left:5px; margin:0; padding:0; }
#hLogo { position:absolute; width:60px; height:40px; top:16px; right:0; margin:0; padding:0; }

.clHeader .hMenu { margin:0.5em auto; padding:0; }
.clHeader .hMenu td.a0, .clHeader .hMenu td.a1 { display:none; }
.clHeader .hMenu td.c0, .clHeader .hMenu td.c1 { display:none; }
.clHeader .hMenu td.b0, .clHeader .hMenu td.b1 { font-weight:bold; padding:0.5em 1em; }
.clHeader .hMenu a.l0, .clHeader .hMenu a.l1 { border-radius:2em; padding:0.5em 1em; }
.clHeader .hMenu a.l0 { background:#bed600; color:#111; }
.clHeader .hMenu a.l1 { background:#111; color:#bed600; }
.clHeader .hMenu a.l0:hover, .clHeader .hMenu a.l1:hover { color:#fff; }

.clHeader .hSmenu { margin:0.5em auto; padding:0; }
.clHeader .hSmenu td.a0, .clHeader .hSmenu td.a1 { display:none; }
.clHeader .hSmenu td.c0, .clHeader .hSmenu td.c1 { display:none; }
.clHeader .hSmenu td.b0, .clHeader .hSmenu td.b1 { padding:0.25em 1em; border-left:1px solid #999; }
.clHeader .hSmenu td:nth-child(2) { border-left:none; }


.clHeader .hSmenu a.l0, .clHeader .hSmenu a.l1 { color:#222; font-size:1em; font-weight:bold; padding-bottom:0.25em; }
.clHeader .hSmenu a.l0:hover, .clHeader .hSmenu a.l1:hover { border-bottom:0.5em solid #fff; color:#000; }
.clHeader .hSmenu a.l1 { border-bottom:0.5em solid #bed600; }

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

.clFooter {
	color:#333; background:#ccc; border-top:2px dotted #999;
	position:fixed; z-index:999; bottom:0; left:0; right:0; padding:1em 2em;
	line-height:2em; font-size:0.9em; font-weight:300;
}
.clFooter a { color:#E0F0FF; }
.clFooter .clCopy { float:left;  text-align:left;  }
.clFooter .clDate { float:right; text-align:right; }

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

.clTitle {
	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 {
	width:75%; min-width:600px; max-width:1200px; margin:auto;
	padding:1em 0; text-align:center;
	background:#fcfcfc; color:#003; border:1px solid #bed600; border-radius: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:780px; background-color:#FE9; }
.clEmail { font-size:1.0em; text-align:left; padding:0; 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;*/
}

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

body > table.clTab, body > form > table.clTab { }
table.clTab {
	background:#333; color:#eee; overflow:hidden;
	border:1px solid #111; border-radius:1em; border-collapse:separate; border-spacing:0;
	width:75%; min-width:600px; max-width:1200px; margin:auto;
}
table table.clTab {
	width:auto; min-width:initial; max-width:initial;
}

table.clTab tr { background:#f0f0f0; }
table.clTab th { padding:0.5em 0; font-size:1.05em; font-weight:bold; background:#333; color:#eee; }
table.clTab td { padding:0.2em 0; font-size:0.95em; color:#111; }
table.clTab th.lhead, table.clTab th.chead, table.clTab th.rhead { padding:0.75em 0; }
table.clTab tr.clSep   { background-color:#f0f0f0; } table.clTab tr.clSep td { padding:0; }
table.clTab tr.clLine0 { background-color:#999999; display:none; }
table.clTab tr.clLine1 { background-color:#f8f8f8; }
table.clTab tr.clLine2 { background-color:#f0fff0; }
table.clTab tr.clLine1:hover, table.clTab tr.clLine2:hover { background-color:#fff8f0; }
table.clTab tr.clLine1 td, table.clTab tr.clLine2 td { border-bottom:1px solid #ccc; }

table.clTab td.clRep   { background-color:#fff; color:#003; padding-left:1em; }

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:0; 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.clTab td.clKey { text-align:right; padding:0.25em 0.5em; color:#555; }
table.clTab td.clVal { text-align:left; padding:0.25em 0.5em; color:#111; }

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

table.clAide { margin:auto; border:1px solid #000; border-spacing:0; 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; }
select, input.btn, input.txt, textarea { padding:0.25em 0.5em; border-radius:0.5em; }
select { border-style:groove; }
input.btn { font-size:0.9em; font-weight:bold; }
input.txt, textarea { background-color:#fff; color:#333; font-size:1.1em; font-family:monospace; }
input.txt:hover, textarea:hover { background-color:#f0fff0; }

input.btn { padding:0.5em 1em; }

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

#calendar { 
  position:absolute; visibility:hidden; width:175px; height:160px;
  margin:0; padding:0; border:2px solid #21334A;
}
#calendar td {
  background-color:#AEB8C1; color:#000; margin:0; padding:0;
  font-size:11px; font-weight:bold; font-family: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; width:700px; margin:auto; }
.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:0; }
.rteDiv .rteBar  { margin:0 2px 0 4px; width:3px; height:15px; border:0; 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:0;
  border-spacing:0; border-collapse:collapse;
}
.imgview tr, .imgview td { margin:0; padding:0; background:none; border:0; }


#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;
}