.select  { font-family: tahoma, sans-serif; font-size: 13px; color: #192f9a; border: 1px solid #192f9a; padding: 0; }
.menu    { font-family: tahoma, sans-serif; font-size: 13px; color: #192f9a; font-weight: bold; padding: 0; }
.pays    { font-family: tahoma, sans-serif; font-size: 18px; color: #192f9a; font-weight: normal; padding: 2px; }
.pays a:hover { text-decoration:none }

.grp     { font-family: tahoma, sans-serif; font-size: 13px; color: #192f9a; font-weight: normal; font-style: italic; padding: 0; }
.txt     { font-family: tahoma, sans-serif; font-size: 13px; color: #192f9a; font-weight: normal; padding: 0; }
.sub     { font-family: tahoma, sans-serif; font-size: 11px; color: #333333; font-weight: bold;  font-style: normal; padding-left: 3px;  padding-right: 3px;  }
.note    { font-family: tahoma, sans-serif; font-size: 9px; color: #333333; font-weight: normal; padding-left: 0 }
.get     { font-family: tahoma, sans-serif; font-size: 13px; color: #192f9a; border: 1px solid #192f9a; margin: 0 0 0 0; padding: 0; }
.frm     { border: 0; margin: 0 0 0 0; padding: 0; }
.content { font-family: tahoma, sans-serif; font-size: 13px; color: #192f9a; font-weight: normal; border: 1px solid grey; padding: 0; }
.content tr:hover { background-color: #eeeeee; }
.content a:hover  { text-decoration: none }

table    { table-layout: fixed; border-collapse: collapse; }

a:link   { color:#3c3c4d; text-decoration:none }
a:visited{ color:#3c3c4d; text-decoration:none }
a:active { color:#3c3c4d; text-decoration:underline }
a:hover  { color:#3c3c4d; text-decoration:underline }

.arrow   { height: 0; width: 0; border: 4px solid transparent; }
.arrow.up { border-bottom-color: #000; }
.arrow.down { border-top-color: #000; }
.arrow.left { border-left-color: #000; }
.arrow.right { border-right-color: #000; }

pie {
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 16px;
    height: 16px;
    display: block;
    border-radius: 50%;
    background-color: #00cc00;
    border: 1px solid green;
    float: right;
    margin: 2px 2px 2px 0px;
    
    font: 12px arial, sans-serif; color: #000000; text-align: center; padding: 0;
}

circle {
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 12px;
    height: 12px;
    display: block;
    border-radius: 50%;
    background-color: yellow;
    border: 1px solid black;
    margin: 2px 2px 2px 0px;

    font: 10px tahoma, sans-serif; color: #000000; text-align: center; padding: 0;
}

.busy {
  -webkit-animation: load6 0.7s infinite ease;
  animation: load6 0.7s infinite ease;
}

.rotate {
  writing-mode: bt-rl;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;

  /* Should be unset in IE9+ I think. */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.glow {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.glow:hover, .glow:focus, .glow:active {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.box-shadow-outset {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.box-shadow-outset:hover, .box-shadow-outset:focus, .box-shadow-outset:active {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

/*--*/a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding: 8px 8px 8px 8px;
    margin-top: 16px; margin-left: -80px;
    width:80px; line-height:16px;
    opacity:0.9;
    font: 11px arial, sans-serif; color: #000000; text-align: center; padding: 0;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;
}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
        
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}

.tabrow {
  text-align: center;
  list-style: none;
  margin: 2px 0 4px;
  padding: 0;
  line-height: 24px;
  height: 26px;
  overflow: hidden;
  font-size: 14px;
  font-family: tahoma, sans-serif;
  position: relative;
}

.tabrow li {
  cursor: pointer;
  border: 1px solid #AAA;
  background: #D1D1D1;
  background: -o-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
  background: -ms-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
  background: -moz-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
  background: -webkit-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
  background: linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
  display: inline-block;
  position:relative;
  z-index: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;
  text-shadow: 0 1px #FFF;
  margin: 0 -5px;
  padding: 0 20px;
}

.tabrow a {
  color: #555;
  text-decoration: none;
}

.tabrow li.selected {
  background: #FFF;
  color: #333;
  z-index: 2;
  border-top-color: #FFF;
}

.tabrow:before {
  position: absolute;
  content: " ";
  width: 100%;
  top: 0;
  left: 0;
  border-top: 1px solid #AAA;
  z-index: 1;
}

.tabrow li:before,
.tabrow li:after {
  border: 1px solid #AAA;
  position: absolute;
  top: -1px;
  width: 6px;
  height: 6px;
  content: " ";
}

.tabrow li:before  {
  left: -7px;
  border-top-right-radius: 6px;
  border-width: 1px 1px 0px 0px;
  box-shadow: 2px 0px 0 #ECECEC;
}

.tabrow li:after {
  right: -7px;
  border-top-left-radius: 6px;
  border-width: 1px 0px 0px 1px;
  box-shadow: -2px 0px 0 #ECECEC;
}

.tabrow li.selected:before {
  box-shadow: 2px 0px 0 #FFF;
}

.tabrow li.selected:after {
  box-shadow: -2px 0px 0 #FFF;
}

@keyframes blink {  
    0% { color: yellow; }
    100% { color: black; }
}

@-webkit-keyframes blink {
    0% { color: yellow; }
    100% { color: black; }
}

.blink {
    -webkit-animation: blink 1s ease-in-out infinite;
    -moz-animation: blink 1s ease-in-out infinite;
    -ms-animation: blink 1s ease-in-out infinite;
    -o-animation: blink 1s ease-in-out infinite;
    animation: blink 1s ease-in-out infinite;
}

.maximize {
    -webkit-transform: 1s ease-in-out;
    -moz-animation: 1s ease-in-out;
    -ms-animation: 1s ease-in-out;
    -o-animation: 1s ease-in-out;
    transform: 1s ease-in-out;
}

#menu1{padding-left: 0;}

.nav li {
color:#fff;
background:#996699;
border-style:groove;
padding:0;
display:block;
float:left;
margin:0;
}

.nav li:hover {
color:#fff;
background:#999999;
padding:0;
}

.nav ul {
padding:0;
list-style-type:none;
}

@-webkit-keyframes load6 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: -0.11em -0.83em 0 -0.4em #fe0, -0.11em -0.83em 0 -0.42em #fe0, -0.11em -0.83em 0 -0.44em #fe0, -0.11em -0.83em 0 -0.46em #fe0, -0.11em -0.83em 0 -0.477em #fe0;
  }
  5%,
  95% {
    box-shadow: -0.11em -0.83em 0 -0.4em #fe0, -0.11em -0.83em 0 -0.42em #fe0, -0.11em -0.83em 0 -0.44em #fe0, -0.11em -0.83em 0 -0.46em #fe0, -0.11em -0.83em 0 -0.477em #fe0;
  }
  30% {
    box-shadow: -0.11em -0.83em 0 -0.4em #fe0, -0.51em -0.66em 0 -0.42em #fe0, -0.75em -0.36em 0 -0.44em #fe0, -0.83em -0.03em 0 -0.46em #fe0, -0.81em 0.21em 0 -0.477em #fe0;
  }
  55% {
    box-shadow: -0.11em -0.83em 0 -0.4em #fe0, -0.29em -0.78em 0 -0.42em #fe0, -0.43em -0.72em 0 -0.44em #fe0, -0.52em -0.65em 0 -0.46em #fe0, -0.57em -0.61em 0 -0.477em #fe0;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: -0.11em -0.83em 0 -0.4em #fe0, -0.11em -0.83em 0 -0.42em #fe0, -0.11em -0.83em 0 -0.44em #fe0, -0.11em -0.83em 0 -0.46em #fe0, -0.11em -0.83em 0 -0.477em #fe0;
  }
}
@keyframes load6 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: -0.11em -0.83em 0 -0.4em #fe0, -0.11em -0.83em 0 -0.42em #fe0, -0.11em -0.83em 0 -0.44em #fe0, -0.11em -0.83em 0 -0.46em #fe0, -0.11em -0.83em 0 -0.477em #fe0;
  }
  5%,
  95% {
    box-shadow: -0.11em -0.83em 0 -0.4em #fe0, -0.11em -0.83em 0 -0.42em #fe0, -0.11em -0.83em 0 -0.44em #fe0, -0.11em -0.83em 0 -0.46em #fe0, -0.11em -0.83em 0 -0.477em #fe0;
  }
  30% {
    box-shadow: -0.11em -0.83em 0 -0.4em #fe0, -0.51em -0.66em 0 -0.42em #fe0, -0.75em -0.36em 0 -0.44em #fe0, -0.83em -0.03em 0 -0.46em #fe0, -0.81em 0.21em 0 -0.477em #fe0;
  }
  55% {
    box-shadow: -0.11em -0.83em 0 -0.4em #fe0, -0.29em -0.78em 0 -0.42em #fe0, -0.43em -0.72em 0 -0.44em #fe0, -0.52em -0.65em 0 -0.46em #fe0, -0.57em -0.61em 0 -0.477em #fe0;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: -0.11em -0.83em 0 -0.4em #fe0, -0.11em -0.83em 0 -0.42em #fe0, -0.11em -0.83em 0 -0.44em #fe0, -0.11em -0.83em 0 -0.46em #fe0, -0.11em -0.83em 0 -0.477em #fe0;
  }
}