/*
<?xml version="1.0" encoding="iso-8859-1"?>
<rse_comment>
	<rse id="file">rsepaw.css</rse>
	<rse id="version">1.01</rse>
	<rse id="author">D.Rosette - RSEInfo</rse>
	<rse id="creation">03/05/2005</rse>
	<rse id="date">02/27/2014</rse>
	<rse id="copyright">@Copyright RSEInfo. All rights reserved</rse>
	<rse id="description">RSEPaw styles</rse>
	<rse id="last_modification"></rse>
</rse_comment>
*/

/*<source>*/
:root {
	--green-dark : #29bb29;
	--green-light : #aaffaa;
	--color-input : #FFDEB0;
}
/*<any>*/
/*
.button.old { background-color: #FFCC00; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
*/
.button {
	font-size: 1.4em;
   font-family : "Trebuchet MS", Tahoma;
	color : #505050;
	background:transparent;
	opacity : 1;
	border:thin solid #d0d0d0;
	border-radius:.25em;
	padding : .2em;
	display:inline-block;
	cursor:pointer;
}
.button:hover {
	color: #202020;
	background : #e0e0e0;
	opacity : 0.7;
	text-decoration:none;
	font-style: normal;
	font-size:1.4em;
}
.banner img[id=logo] {
	height:70px;
	width:200px;
}

a { text-decoration: none; color: #3300FF; font-size : 14px;}
a:hover { text-decoration: none; color: #FF0000; font-size : 14px; font-style: italic; font-weight :bold; }
a[name], a[name]:hover {
	color:inherit;
	text-decoration:inherit;
	font-weight:inherit;
	font-size:inherit;
	font-style:inherit;
	font-family:inherit;
}
/* a:visited { text-decoration: none; color: #3300FF; font-size : 12px;}
a:link { text-decoration: none; color: #3300FF; font-size : 12px;}
*/
.success { color : #FF0000;font-weight:bold; font-size:24px; text-decoration:blink}
.alert { color : #FF0000;font-weight:bold; font-size:10pt; text-decoration:blink}
img {border:0px;vertical-align:middle}
input[type=image].button {
	width:20px;
	height:20px;
}
.imgbutton {
	width:18px;height:18px;
/*	background:#f0f0f0;
	cursor:pointer;border:thin solid #d0d0d0;border-radius:3px;
*/
}
.imgbutton:hover {
/*
border:thin solid #d0d0d0;background:#f0f0f0;
*/
}
#downloadinprogress, #displaymessagetimeout {
	background-color : #D2860F;
	font-size : 1.1em;
	font-family:Verdana, Arial, Helvetica;
	box-shadow:2px 2px 5px #808080;
	position:fixed;
	z-index:2000;
	top:35%;
	left:30%;
	display:inline-block;
	padding: .3em .5em;
}
form {margin:0px;}
#scroll-left, #scroll-right {
	font-size:16pt;
	font-weight:bold;
	position:absolute;
	border: thin solid #aeaeae;
	cursor:pointer;
	padding : 7px;
	border-radius:15px;
	background-color:#f0f0f0;
	opacity: 0.3;
}
#scroll-left:hover, #scroll-right:hover {
	background-color:#d0d0d0;
	opacity:0.5;
	;
}
#scroll-right {
	right:0;
}
.lang { font-size : 10px;font-family: Verdana, Arial, Helvetica, sans-serif;}
.lang select {background-color: #DFDFDF;font-size : 10px;}
.date { font-size : 10px;font-weight:normal;font-family: Verdana, Arial, Helvetica, sans-serif; color: #555555;}
.formfields-value .tooltip, .tooltip {
	position : absolute;z-index : 1000; display:none;
/*	width : 300px; margin-left : 5px; padding : 5px;*/
	max-width : 300px; margin-left : 5px; padding : 5px 5px 5px 5px;
	font-size : 10px;font-family: Verdana, Arial, Helvetica, sans-serif;
	border : thin #555555 solid;
	text-decoration: none;
	background-color: #FFFF99;
	border-radius:5px;
	box-shadow:2px 2px 5px #808080;
	color:initial;
	font-weight:initial;
	text-shadow:initial;
	
}
.text { font-size: 11px;font-family: Verdana, Arial, Helvetica, sans-serif;background-color: var(--color-input);}
.label { font-size: 11px;font-family: Verdana, Arial, Helvetica, sans-serif;}
.formfields-value input, .formfields-value textarea, .formfields-value iframe {
	border-radius : 5px;
}
.getvalue {
	position:absolute; z-index:100;
	margin-left: 2px; padding-top:5px;padding-bottom:5px;padding-left:5px;
	border:thin #AAAAAA solid;
	background-color: #EFEFEF;
	display:inline;white-space:nowrap;
}
.getvalue hr {width:150px;}
.getvalue a { text-decoration:none;color:#888888;font-size:14px;font-weight:normal;font-style:normal;padding-right:5px;}
.getvalue a:hover {
	text-decoration:none;color:#888888;font-size:14px;font-weight:normal;font-style:normal;
	font-style:normal;background:#DFDFDF;
}
.getimage {
	max-width:500px;
}
input[type="checkbox"].tglbar {
	vertical-align:middle;
    background-size: 100% 100%, 200% 100%;
    background-position: 0 0, 15px 0;
    border-radius: 25px;
    box-shadow: inset 0 1px 4px hsla(0,0%,0%,.5),
                inset 0 0 10px hsla(0,0%,0%,.5),
                0 0 0 1px hsla(0,0%,0%,.1),
                0 -1px 2px 2px hsla(0,0%,0%,.25),
                0 2px 2px 2px hsla(0,0%,100%,.75);
    cursor: pointer;
    height: 22px;
    padding-right: 22px;
    width: 44px;
    appearance: none;
    transition: .25s;
}
input[type="checkbox"].tglbar::after {
    background-color: #eee;
    border-radius: 25px;
    box-shadow: inset 0 1px 1px 1px hsla(0,0%,100%,1),
                inset 0 -1px 1px 1px hsla(0,0%,0%,.25),
                0 1px 3px 1px hsla(0,0%,0%,.5),
                0 0 2px hsla(0,0%,0%,.25);
    content: '';
    display: block;
    height: 22px;
    width: 22px;
}
input[type="checkbox"].tglbar:checked {
    background-position: 0 0, 30px 0;
    padding-left: 25px;
    padding-right: 0;
}
input[type="checkbox"].tglbar-blue {
    background-image: linear-gradient(hsla(0,0%,0%,.1), hsla(0,0%,100%,.1)),
		linear-gradient(90deg, #eee 50%, blue 50%);
	&:disabled {
		background-image: linear-gradient(hsla(0,0%,0%,.1), hsla(0,0%,100%,.1)),
			linear-gradient(90deg, #eee 50%, #afaff1 50%);
	}
	&.red{
	    background-image: linear-gradient(hsla(0,0%,0%,.1), hsla(0,0%,100%,.1)),
			linear-gradient(90deg, red 50%, blue 50%);
		&:disabled {
			background-image: linear-gradient(hsla(0,0%,0%,.1), hsla(0,0%,100%,.1)),
				linear-gradient(90deg, #ffa5a5 50%, #afaff1 50%);
		}
	} 
	&.green {
    	background-image: linear-gradient(hsla(0,0%,0%,.1), hsla(0,0%,100%,.1)),
		linear-gradient(90deg, #0adb0a 50%, blue 50%);	
		&:disabled {
			background-image: linear-gradient(hsla(0,0%,0%,.1), hsla(0,0%,100%,.1)),
				linear-gradient(90deg, #9fd6ae 50%, #afaff1 50%);
		}
	}
}
input[type="checkbox"].tglbar-green {
    background-image: linear-gradient(hsla(0,0%,0%,.1), hsla(0,0%,100%,.1)),
		linear-gradient(90deg, #eee 50%, #0adb0a 50%);
	&:disabled {
		background-image: linear-gradient(hsla(0,0%,0%,.1), hsla(0,0%,100%,.1)),
			linear-gradient(90deg, #eee 50%, #9fd6ae 50%);	
	}
	&.red{
	    background-image: linear-gradient(hsla(0,0%,0%,.1), hsla(0,0%,100%,.1)),
			linear-gradient(90deg, red 50%, #0adb0a 50%);
		&:disabled {
			background-image: linear-gradient(hsla(0,0%,0%,.1), hsla(0,0%,100%,.1)),
				linear-gradient(90deg, #ffa5a5 50%, #9fd6ae 50%);
		}
	} 
}
.tglbox {
	display : inline-block;
	vertical-align : middle;
  position: relative;
  padding: 2px;
}
.tglbox > svg {
  position: absolute;
  top: -130%;
  left: -170%;
  width: 110px;
  pointer-events: none;
}
.tglbox * {
  box-sizing: border-box;
}
.tglbox input {
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  margin: 0;
  background : #fff;
}
.tglbox input:focus {
  outline: 0;
}
.tglbox .cbx {
  width: 24px;
  height: 24px;
  top: calc(50vh - 12px);
  left: calc(50vw - 12px);
}
.tglbox .cbx input {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border: 2px solid #bfbfc0;
  box-shadow: 3px 2px 1px gray;
}
.tglbox .cbx label {
  width: 24px;
  height: 24px;
  background: none;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate3d(0, 0, 0);
  pointer-events: none;
  border : 1px solid #dfdfdf;
}
.tglbox .cbx input[type="radio"], .tglbox .cbx input[type="radio"] + label {
border-radius : 50%;
}
.tglbox .cbx svg {
  position: absolute;
  top: 5px;
  left: 4px;
  z-index: 1;
  pointer-events: none;
}
.tglbox .cbx svg path {
  stroke: #fff;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 19;
  stroke-dashoffset: 19;
  transition: stroke-dashoffset 0.3s ease;
  transition-delay: 0.2s;
}
.tglbox .cbx input[type="checkbox"]:checked + label, .tglbox.tglbox-blue .cbx input[type="radio"]:checked + label {
  animation: tglbox-splash-blue 0.6s ease forwards;
}
.tglbox .cbx input[type="radio"]:checked + label, .tglbox.tglbox-text .cbx input[type="checkbox"]:checked + label {
  animation: tglbox-splash-text 0.6s ease forwards;
}
.tglbox .cbx input:checked + label + svg path {
  stroke-dashoffset: 0;
}
@keyframes tglbox-splash-blue {
  40% {
    background: #866efb;
    box-shadow: 0 -18px 0 -8px #866efb, 16px -8px 0 -8px #866efb, 16px 8px 0 -8px #866efb, 0 18px 0 -8px #866efb, -16px 8px 0 -8px #866efb, -16px -8px 0 -8px #866efb;
  }
  100% {
    background: #866efb;
   box-shadow: 0 -36px 0 -10px transparent, 32px -16px 0 -10px transparent, 32px 16px 0 -10px transparent, 0 36px 0 -10px transparent, -32px 16px 0 -10px transparent, -32px -16px 0 -10px transparent;
  }
}
@keyframes tglbox-splash-text {
  40% {
    background: #FFDEB0;
    box-shadow: 0 -18px 0 -8px #FFDEB0, 16px -8px 0 -8px #FFDEB0, 16px 8px 0 -8px #FFDEB0, 0 18px 0 -8px #FFDEB0, -16px 8px 0 -8px #FFDEB0, -16px -8px 0 -8px #FFDEB0;
  }
  100% {
    background: #FFDEB0;
   box-shadow: 0 -36px 0 -10px transparent, 32px -16px 0 -10px transparent, 32px 16px 0 -10px transparent, 0 36px 0 -10px transparent, -32px 16px 0 -10px transparent, -32px -16px 0 -10px transparent;
  }
}
input.tglbar.opendetails {
	vertical-align:top;
}
input.opendetails + details summary::marker{
	content:'';
}
input.opendetails + details {
	display : inline-block;
	box-sizing : border-box;
	max-width:80%;
}
input.opendetails + details summary > label {
	position:relative;
	display:flex;
}
input.opendetails + details summary ~ * {
	max-height:0px;
	overflow:hidden;
	opacity:0;
	margin-left:-10px;
	transition : max-height ease-out 0.6s, opacity ease 0.6s,margin-left ease 0.6s;
}
input.opendetails:checked + details summary ~ * {
	max-height:4000px;
	opacity:1;
	margin-left:0px;
}
input.opendetails + details summary label h1,
input.opendetails + details summary label h2,
input.opendetails + details summary label h3,
input.opendetails + details summary label h4 {
	margin-top :0px;
	padding-top : 0px;
}
.tglstd {
	display:none;
	&+ details {
		display:inline-block;
		border-radius: 5px;
		padding:0px;
		box-sizing : border-box;
		& summary label {
			width:100%;
			display:inline-block;
		}
	}
}
.tglstd 
.tglstd + details summary{
	border-radius : 5px 5px 0 0;
}
.tglstd + details summary,
.tglstd + details summary ~ * {
	box-sizing : border-box;
	margin : 0px auto;
	padding: 0px auto;
	overflow: hidden;
}
.tglstd + details summary ~ * {
	border-radius : 0 0 5px 5px;
}
.tglstd.tglstd-bkgd + details {
	box-shadow :5px 4px 4px #383838; 
}
.tglstd.tglstd-bkgd + details summary{
	background : gray;
}
.tglstd.tglstd-bkgd + details summary ~ * {
	background : #dfdfdf;
}
.tglstd.tglstd-bkgd-cyan  + details {
	box-shadow :5px 4px 4px lightgrey; 
}
.tglstd.tglstd-bkgd-cyan + details summary{
	background : darkcyan;
}
.tglstd.tglstd-bkgd-cyan + details summary ~ * {
	background : #b9fbf2;
}
.tglstd.tglstd-bkgd-green + details {
	box-shadow :5px 4px 4px lightgrey; 
}
.tglstd.tglstd-bkgd-green + details summary  {
	background : var(--green-light);
}
.tglstd.tglstd-bkgd-green + details summary ~ * {
	border : 2px solid #aaffaa;
}
.tglstd.tglstd-bkgd-orange + details {
	box-shadow :5px 4px 4px lightgrey; 
}
.tglstd.tglstd-bkgd-orange + details summary  {
	background : orange;
}
.tglstd.tglstd-bkgd-orange + details summary ~ * {
	border : 2px solid orange;
}
.tglstd.tglstd-bkgd-chocolate + details {
	box-shadow :5px 4px 4px lightgrey; 
}
.tglstd.tglstd-bkgd-chocolate + details summary  {
	background : chocolate;
}
.tglstd.tglstd-bkgd-chocolate + details summary ~ * {
	border : 2px solid chocolate;
}
.tglstd + details summary {
  /*position: relative;*/
  cursor: pointer;
  padding-left:1.4em;
}
.tglstd.tglstd-bkgd + details summary,
.tglstd.tglstd-bkgd-chocolate + details summary,
.tglstd.tglstd-bkgd-cyan + details summary
 {
	color : white;
}
.tglstd + details summary::marker {
	content:'';
}
.tglstd + details summary label::before {
  content: '';
  border-width: .3rem;
  border-style: solid;
  border-color: transparent transparent transparent black;
  position: absolute;
  margin-left:-1em;
  margin-top: 0.3em;
  vertical-align :middle;
  transform: rotate(0);
  transform-origin: .2rem 50%;
  transition: .25s transform ease;
}
.tglstd + details summary label:has(h1)::before {
	border-width: .6rem;
	margin-left:-1em;
	margin-top: .6em;
}
.tglstd + details summary label:has(h2)::before {
	border-width: .5rem;
	margin-left:-1em;
	margin-top: .5em;
}
.tglstd + details summary label:has(h3)::before {
	border-width: .4rem;
	margin-left:-1em;
	margin-top: .4em;
}
.tglstd.tglstd-bkgd + details summary label::before,
.tglstd.tglstd-bkgd-chocolate + details summary label::before, 
.tglstd.tglstd-bkgd-cyan + details summary label::before {
 	border-color: transparent transparent transparent white;
}
.tglstd:checked + details summary label::before {
	transform: rotate(90deg);	
}
.tglstd + details summary h1,
.tglstd + details summary h2,
.tglstd + details summary h3 {
	margin:0px auto;
	padding:0px auto;
	display:inline-block;
}
.tglstd + details summary ~ * {
	max-height: 0px;
	opacity:1;
/*	transition : max-height ease-out .6s,opacity linear .6s;*/
	transition : max-height ease-in-out 1s;
}
.tglstd:checked + details summary ~ * {	
	max-height:4000px;
	opacity : 1;
}
.tgldark {
	display:none;
}
.tgldark + label{
	display:inline-block;
	position:relative;
	cursor:pointer;
	color : gray;
	background : gray;
	padding:1em .3em;
	margin: 0.1em 0;
	font-family : Verdana;
	font-size : 1em;
	transition : color ease .6s, background ease .6s;
	max-width : 80%;
	box-shadow : orange 5px 3px 1px;		
}
.tgldark + label::before {
	content : url(images/info1.gif);
	display:inline-block;
	position:relative;
	left:2em;
	cursor:pointer;
	z-index:1;
}
.tgldark:checked + label::before {
	transform : rotate(20deg);
	left:0;
}
.tgldark:checked + label{
	color : black;
	background : transparent;
	box-shadow :none;
}

.states3 {
	display:inline-block;
	vertical-align:middle;
	padding-right:15px;
	position:relative;
}
.states3 > div {
    background-size: 100% 100%, 200% 100%;
    border-radius: 25px;
    box-shadow: inset 0 1px 4px hsla(0,0%,0%,.5),
                inset 0 0 10px hsla(0,0%,0%,.5),
                0 0 0 1px hsla(0,0%,0%,.1),
                0 -1px 2px 2px hsla(0,0%,0%,.25),
                0 2px 2px 2px hsla(0,0%,100%,.75);
    height: 22px;
    padding-right: 0;
    width: 70px;
    display: flex;
	justify-content:center;
	align-items:center;
	background-color:lightgrey;
}
.states3 > div input[type="radio"] {
	appearance : none;
	opacity:0;
	cursor:pointer;
    background-color: #eee;
    border-radius: 25px;
    box-shadow: inset 0 1px 1px 1px hsla(0,0%,100%,1),
                inset 0 -1px 1px 1px hsla(0,0%,0%,.25),
                0 1px 3px 1px hsla(0,0%,0%,.5),
                0 0 2px hsla(0,0%,0%,.25);
    height: 22px;
    width: 22px;
}
.states3 > div input[type="radio"]:checked {
	opacity:1;
	transition : 0.25s;
}
.states3.states3-blue > div:has(input:nth-child(3):checked) {
	background-color:blue;
}
.states3.states3-green > div:has(input:nth-child(3):checked) {
	background-color:#0adb0a;
}
.states3 > div:has(input:nth-child(1):checked) {
	background-color:red;
}
.states3 > div:has(input:disabled) {
	opacity:.5;
}
.states3 > div input:disabled {
	cursor:not-allowed;
}
.states3 > div label {
	position:absolute;
	padding:.2em .3em;
	border-radius:7px;
	white-space:nowrap;
	box-shadow:3px 2px 2px gray;
}
.states3 > div label[for$='-off']{
	right:90px;
	background-color:red;
}
.states3 > div label[for$='-on']{
	right:-40px;
}
.states3.states3-green > div label[for$='-on']{
	background-color:lightgreen;
}
.states3.states3-blue > div label[for$='-on']{
	background-color:lightblue;
}

.username { text-align:right;vertical-align:bottom; font-size:10px}
.copyright { font-size : 10px;font-family: Verdana, Arial, Helvetica, sans-serif;text-align:center;}
h20 { font-size: 18px; font-weight:bold; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;border: thin #555555 solid;background: #55EFD6;color: #505050;text-align: center; width:100%}
ul {margin-top:0px}

.highlight-circle-sketch{
  position:relative;
  margin-left:0.5em;
  margin-right:0.5em;
  font-size: 1.5em;
  font-weight: bold;
}
.highlight-circle-sketch::before{
  content:"";
  z-index:-1;
  left:-0.2em;
  top:-0.15em;
  border-width:.15em;
  border-style:solid;
  border-color:#ef8c22;
  position:absolute;
  border-right-color:transparent;
  width:100%;
  height:1em;
  transform:rotate(2deg);
  opacity:0.7;
  border-radius:50%;
  padding:0.1em 0.25em;
}
.highlight-circle-sketch::after{
  content:"";
  z-index:-1;
  left:-0.2em;
  top:0.1em;
  padding:0.1em 0.25em;
  border-width:.15em;
  border-style:solid;
  border-color:#ef8c22;
  border-left-color:transparent;
  border-top-color:transparent;
  position:absolute;
  width:100%;
  height:1em;
  transform:rotate(-1deg);
  opacity:0.7;
  border-radius:50%;
}
.highlight-circle-sketch.bdr-double::before, .highlight-circle-sketch.bdr-double::after {
	border-style:double;
}
.highlight-circle-sketch.bdr-groove::before, .highlight-circle-sketch.bdr-groove::after {
	border-style:groove;
}
.highlight-circle-sketch.bdr-green::before {
	border-color :var(--green-dark);
  border-right-color:transparent;
}
.highlight-circle-sketch.bdr-green::after {
	border-color : var(--green-dark);
	border-left-color:transparent;
	border-top-color:transparent;
}
.highlight-circle-sketch.bdr-orange::before {
	border-color :orange;
  border-right-color:transparent;
}
.highlight-circle-sketch.bdr-orange::after {
	border-color : orange;
	border-left-color:transparent;
	border-top-color:transparent;
}

.block-others {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:0;
	width:100%;
	height:100%;
	background:transparent;
	z-index:50;
	transition : opacity ease .6s, background ease .6s;
}
.block-others[opened] {
	opacity:0.9;
	background:#505050;
}
.list-window {
	z-index:51;
	overflow:auto;
	border-radius:8px;
	opacity : 0;
	min-height:0;
	min-width:0;
	left:-10px;
	transition : opacity ease 0.6s,min-height ease 0.6s, min-width ease 0.6s,left ease 0.6s;
}
.list-window[opened] {
	opacity:1;
}
.inviewport{
}
.lineapp-scroll, .scrollable {
	overflow-x:auto;
	scrollbar-width:thin;
}
.lineapp-scroll::-webkit-scrollbar,
.scrollable::-webkit-scrollbar {
	width:5px;
}
.lineapp-scroll-sub {
	scrollbar-color: cadetblue #eceff2;
}
.lineapp-scroll-sub::-webkit-scrollbar-thumb{
	background-color:cadetblue;
}
.lineapp-scroll-sub::-webkit-scrollbar-track{
	background-color:#eceff2;
}
/*</any>*/

/*<forms>*/
.form h1 { font-size: 24px;text-align: center; margin-bottom:0px}
.form h2 { font-size: 18px;color: #990066}
.form h3 { font-size: 14px;margin-bottom:0px;margin-top:0px}
.form .text {font-size: 12px;font-family: Verdana, Arial, Helvetica, sans-serif;background-color: #FFDEB0}
.form a, .form a:visited { color: #FF9900; text-decoration: none; font-size:12px}
.form a:hover { color: #FF9900; text-decoration: underline; font-size:12px;}
/* .form a:link { color: #FF9900; text-decoration: none; font-size:12px} */
.form table  { margin-left:0px; margin-top:50px; width: 500px}
.form table tr td { border : thin #555555 solid; padding-top:5px;padding-bottom:5px; vertical-align:top}
/*</forms>*/

/* <menus> */
.menubar { background-color: #DFDFDF; overflow: visible ; line-height: 20px;border:2px #FFFFFF solid; vertical-align:top; padding-left:2px}
.menubar .menuseparator { color: #FFFFFF; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;vertical-align:middle;margin-right:2px}
.menubar a { font-size: 11px; font-style: italic; font-weight: bold; color: #808080; text-decoration: none;font-family: Verdana, Arial, Helvetica, sans-serif;margin-left:2px}
.menubar a:hover { font-size: 11px; font-style: italic; font-weight: bold; color: #FF0000; text-decoration: none;font-family: Verdana, Arial, Helvetica, sans-serif}
.menubar .menutitle { font-size: 11px; font-style: italic; font-weight: bold; color: #CC908F; text-decoration: none;font-family: Verdana, Arial, Helvetica, sans-serif}
.menubar .menuselected { font-size: 13px; font-style: italic; font-weight: bold; color: #FFFFFF; text-decoration: none;font-family: Verdana, Arial, Helvetica, sans-serif}
.menubar img { height:20px;width:20px;vertical-align:middle;border:0px;margin-right:2px}
.menubar .list { width:15px;height:15px}
.menubar hr {border:#FFFFFF thin outset}
/* </menus> */


/* <window> */
.rsepawbody {background-color: #FCEBDB;padding:0px;margin:0px}
.rsepawbody table tr td {text-align:left;}
#page {max-width:1200px;margin:0px;padding:0px;}
.rsepawbody .win {width:100%;margin:0px}
.rsepawbody .win .banner { background : #FFE6CC;}
.rsepawbody .win .banner h1 { font-size: 28px; font-style: italic; color: #990066; text-align: center; margin-bottom:0px}
.rsepawbody .win .content { vertical-align:top}
.rsepawbody .win .content h1 { font-size: 24px; text-align: center; margin-bottom:0px;margin-top:10px}
.rsepawbody .win .content h2 { font-size: 16px; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;border: thin #555555 solid;background: #CBEFD6;color: #505050;text-align: center}
.rsepawbody .win .content .vmenu { padding-left:5px; padding-top:80px; width:165px; text-align:left;vertical-align:top}
.rsepawbody .win .content .action {vertical-align:top}
/* </window> */


/* <tabs> */
.tab {}
.tab .tab-item {
	border:1px #AAAAAA solid; z-index:1;text-align:center;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	border-top-left-radius :8px;border-top-right-radius:10px;
}
.tab .tab-item a {font-size:11px;font-style: italic; font-weight: bold;text-decoration:none; color:#808080 }
.tab .tab-item a:hover {font-size:13px;font-style: italic; font-weight: bold;text-decoration:none; color:#808080 }
/*
 .tab .tab-page { display:none;overflow:auto;position:absolute; border:1px #AAAAAA solid; border-top-width: 0px; margin-top:-1px;}
*/
.tab .tab-page {
	visibility:hidden;
/*	overflow:visible;overflow-x:auto;overflow-y:visible;*/
	position:absolute;
	border:1px #AAAAAA solid; border-top-width: 0px;
	margin-top:-1px;
	box-shadow: 4px 4px 5px #808080;
}
/* </tabs> */

/* <calendar> */
.calendar {}
.calendar table { text-align:center;font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;font-size:10px;background-color:#EFEFEF;border:1px solid #AAAAAA;margin-left:10px}
.calendar .header {font-weight:bold;font-size:11px;border:0px;}
.calendar select {font-size:11px;border:0px;background-color:#EFEFEF;}
.calendar table tr td { border-top:1px solid #AAAAAA;border-left:1px solid #AAAAAA;}
.calendar .label {font-weight:bold;font-size:11px;border-left:0px;}
.calendar .unable { background-color:#AAAAAA; }
.calendar .selected { background-color:#00FFFF;color:#CC0000;vertical-align:top}
/* </calendar> */

/* <diary> */
.diary {font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;font-size:11px;}
.diary .button {font-size:9px}
.diary .h1 {font-size:15px;font-weight:bold;text-align:left;margin-bottom:10px}
/* </diary> */

/* <choosedate> */
.choosedate {font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;}
.choosedate table {border:1px solid #AAAAAA;margin-left:5px;font-size:11px;}
.choosedate .button {font-size:9px}
.choosedate .h1 {font-size:15px;font-weight:bold;text-align:left;margin-bottom:10px}
/* </choosedate> */

/* <rsepawdiary> */
.rsepawdiary {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	width:100%;
	padding:0px;
	border-collapse:separate;
	border-spacing:2px;
	border-top:thin solid #b0b0b0;
	border-left:thin solid #b0b0b0;
}
.rsepawdiary td {
   border-bottom:thin solid #b0b0b0;
	border-right:thin solid #b0b0b0;
}
.rsepawdiary .header {
	text-align:center;
	font-size:11px;
	font-weight:bold;
	background:#AAAAAA;
}
.rsepawdiary .selected { border:3px #FFAAFF solid }
/* </rsepawdiary> */

/* <pdf_record> */
.pdf_record .title { font-size: 16pt; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;border: medium #EEFFEE solid;background-color: #FFDEB0;color: #0055FF;text-align: center; margin:0px;padding:5px 0;}
.pdf_record h1 { font-size: 16pt; font-weight:bold;font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;border:0px;background: transparent;color: #808080;text-align: center; margin-bottom:5px;margin-top:5px;}
.pdf_record h2 { font-size: 14pt; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;border: thin #555555 solid;background: #CBEFD6;color: #505050;text-align: center; padding:0.5mm; margin-bottom:0px;margin-top:5px;}
.pdf_record h3 { font-size: 14pt; font-weight:bold; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;margin-bottom:0px;margin-top:5px;background: transparent;border:0px;text-align:left;color:#000000; }
.pdf_record h4 { font-size: 12pt; font-weight:bold; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;margin-bottom:0px;margin-top:5px; margin-left:10px;color:#000000; }
.pdf_record h5 { font-weight:bold; text-decoration:underline;color:#000000; margin-bottom:0px; }
.pdf_record .date { font-size : 9pt;font-weight:normal;font-family: Verdana, Arial, Helvetica, sans-serif; color: #505050;}
.pdf_record .sorting_table { width:100%;border:thin #FFFFFF solid;vertical-align:top; }
.pdf_record tr { vertical-align:top;background:#DDFFDD; }
.pdf_record .header { background:#CCCCCC; text-align:center; border-style:outset; font-weight:bold }
.pdf_record .total { background:#EEDDEE; font-weight:bold }
/* </pdf_record> */

/* <record> */
.homepage_commercial { vertical-align : top; border : thin #FFFFFF solid;}
.homepage_commercial .record { vertical-align : top; border : thin #FFFFFF solid;}
.rsepawbody .win .content .homepage_commercial .record h1 { font-size: 16px; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;border: thin #555555 solid;background: #CBEFD6;color: #505050;text-align: center; margin-bottom:0px;margin-top:0px;}
.rsepawbody .win .content .homepage_commercial .record h2 { font-size: 20px; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;margin-bottom:0px;margin-top:0px;background: transparent;border:0px;text-align:left;color:#000000; }
.rsepawbody .win .content .homepage_commercial .record h3 { font-size: 16px; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;margin-bottom:0px;margin-top:5px; margin-left:10px; }
.record {width:99%}
.record .title { font-size: 20px; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;border: medium #EEFFEE solid;background-color: #FFDEB0;color: #0055FF;text-align: center; margin-bottom:0px;margin-top:0px;width:100%;}
.record h1 { font-size: 22px; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;border:0px;background: transparent;color: #808080;text-align: center; margin-bottom:10px;margin-top:10px;}
.record h2 { font-size: 16px; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;border: thin #555555 solid;background: #CBEFD6;color: #505050;text-align: center; margin-bottom:5px;margin-top:10px;}
.record h3 { font-size: 20px; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;margin-bottom:0px;margin-top:5px;background: transparent;border:0px;text-align:left;color:#000000; }
.record h4 { font-size: 16px; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;margin-bottom:0px;margin-top:5px; margin-left:10px;color:#000000; }
.record h5 { text-decoration:underline; color:#000000; margin-bottom:0px; }
.record a:link {}
.record .rss {text-align:center;font-family: Verdana, Arial, Helvetica, sans-serif;margin-top:12pt;color: #555555;font-size:10px }
.sorting_table { width:100%;border:thin #FFFFFF solid; }
.sorting_table tr { vertical-align:top;background:#DDFFDD; }
.sorting_table .header { background:#CCCCCC; text-align:center; border-style:outset; font-weight:bold }
.sorting_table .total { background:#EEDDEE; font-weight:bold }
.sorting_table .header a { color:#000000 }
.sorting_unit { width:100%; display:table; padding:0px; }
.sorting_unit tr { vertical-align:top; }
.sorting_unit .header { font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;color:#FFFF00; background-color:#330099; font-weight:bold; }
.sorting_unit .header a { color:#FFFF00; }
/* </record> */

/* <divtool> */
.divtool {border:medium #AAAAAA solid;background-color: #FFDEB0;}
.divtool .divtoolbar {font-weight:bold;font-size:12pt;background-color:#0055FF;color:#FFDEB0;font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;}
.divtool .divtoolbar a:hover { text-decoration: none;}
.rsebox {
	background:#ffffff;
   border-radius:8px;
   border:thin solid #a0a0a0;
}
.rsebox #toolbar {
	background:#f5f5f5;
	font-size:1.3em;
	font-family:Verdana;
	text-align:right;
}
.rsebox .box-button {
	border:thin solid #d0d0d0;
	border-radius:3px;
	font-weight:bold;
	font-size:16px;
	font-family:"Trebuchet MS", Tahoma;
}
/* </divtool> */

/* <maillist> */
.rsepawbody .win .content .mail{ font-size:12px}
.rsepawbody .win .content .mail h1 { font-size:28px;text-align:left;margin-bottom:10px;width:600px }
.subtitle { font-size:16px;font-family: Verdana, Arial, Helvetica, sans-serif; color: #555555; }
.maillist  {
	font-size:12px;margin:0px;
	table-layout:fixed;
	width:755px;border-spacing:0px;
}
.maillist tr td {
	white-space:nowrap;overflow:hidden;
	font-size:12px;padding-left:3px;padding-top:0px;padding-bottom:0px; vertical-align:top;overflow:hidden
}
.maillist tr th {
	border-top:solid #FFFFFF 1px;border-bottom:solid #BBBBBB 1px;border-left:solid #FFFFFF 1px;border-right:solid #BBBBBB 1px;
	font-size:12px;padding-top:0px;padding-bottom:0px;background:#DDDDDD;text-align:left
}
.maillist .maila { cursor:pointer;}
.maillist .maila[onclick] { font-weight:bold;}
.maillist .mailu {background:#CBEFD6;}
.maillist .mailu td {
	white-space:nowrap;overflow:hidden;
	background:#CBEFD6;border-top:#FFFFFF 1px solid;border-bottom:#FFFFFF 1px solid;
}
.mailbanner {
	margin-top:10px;margin-right:0px;margin-bottom:0px;
	border-top:solid #FFFFFF 1px;border-bottom:solid #BBBBBB 1px;border-left:solid #FFFFFF 1px;border-right:solid #BBBBBB 1px;
	padding-top:3px;padding-bottom:3px;background:#DDDDDD;
	border-spacing:0px;width:100%;
}
.mailbanner .left {float:left;clear:none;font-size:12px}
.mailbanner .right {float:right;margin-right:10px;}
.mailbanner .left span {margin-left:10px}
.mailbanner a,.mailbanner select {margin-left:10px;}
.fullheader {display:none;}
a#showheader , a#showheader:hover {float:right;text-decoration:none;color:black;font-size:10px;font-style:normal;font-weight:normal}
.mailbody {
	border-top:solid #BBBBBB 2px;border-bottom:solid #BBBBBB 2px;border-left:solid #BBBBBB 1px;border-right:solid #BBBBBB 1px;
	overflow:auto;padding:10px;min-height:150px;
}
.mailheader {font-size:12px;margin:0px;border-spacing:0px;width:100%;empty-cells:show;}
.mailheader td { border-top:solid #BBBBBB 1px;border-right:solid #BBBBBB 1px;}
.mailheader td>a,.mailheader td>a:hover,.mailheader td>a:visited { text-decoration:underline;font-style:normal;color:black	;font-size:12px;font-weight:bold}
.maillabel { width:120px}
.mailheader .text { border:0;background:transparent}
.mailsign {font-size:10pt;color:#AAAAAA}
.attachment * td {border:0px}
/* </maillist> */

/*</source>*/