body {
  text-align: center;
  margin: 0 0 0 0;
  padding: 0px;
  color: black;
  background-color: rgb( 235, 255, 250 );
  font-size: 14px;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  line-height: 150%;
}

a {
  color: rgb( 0, 127, 127 );
  text-decoration: none;
}

a:hover {
  color: rgb( 0, 0, 255 );
}

img {
  border: none;
  margin: 0px;
}

label {
  margin: 0px;
  padding: 0px;
  display: block;
}

input, select, textarea {
  border: 1px solid gray;
  background-color: rgb( 230, 230, 230 );
}

input:focus, select:focus, textarea:focus {
  background-color: rgb( 0, 0, 205 );
  color: white;
}

input.button {
  cursor: pointer;
  margin: 5px 0px 0px 0px;
  padding: 2px 10px 2px 10px;
}

table.tbl {
  border: 1px dotted silver;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  border-spacing: 2px;
  border-collapse: collapse;
  width: 100%;
  font-size: 10pt;
}

table.tbl th {
  color: white;
  background-color: rgb( 77, 124, 207 );
  border: 1px solid black;
  text-align: center;
  padding: 1px 5px 1px 5px;
}

table.tbl td {
  line-height: 130%;
  border: 1px solid gray;
  padding: 1px 3px 1px 3px;
  text-align: center;
}

table.tbl img {
  margin: 0px;
}

table.tbn td:first-child, table.tbn td:first-child + td {
  text-align: center;
}

table.tblsmall {
  font-size: 9pt;
  border: 1px solid gray;
  border-spacing: 2px;
  border-collapse: collapse;
}
table.tblsmall th {
  color: white;
  font-weight: 900;
  background-color: rgb( 0, 0, 255 );
  border: 1px solid black;
  text-align: center;
  padding: 1px 5px 1px 5px;  
}
table.tblsmall td {
  border: 1px solid gray;
  padding: 1px 2px 1px 2px;

}

table.diagram {
  border: 1px solid gray;
  font-size: 10px;
  background-color: rgb(135, 206, 250);
  border-spacing: 0px;
  border-collapse: collapse;
  padding: 0px;
  margin: 0px 0px 0px 5px;
}

table.diagram tr {
  line-height: 90%;
}

table.diagram td {
  border: 0px solid rgb(135, 206, 250);
  border-bottom: 1px solid rgb(135, 206, 250);
  padding: 0px 1px 2px 0px;
  background-color: white;
  margin: 0px;
  text-align: center;
}
table.diagram tr:first-child td{
  text-align: left;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  font-size: 12px;
}
table.diagram img {
  margin: 0px;
}

table.tinfo {
  border: 1px dotted silver;
  padding: 10px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border-spacing: 2px;
  border-collapse: collapse;
  font-size: 110%;
  width: 100%;
}

table.info td {
  text-align: left;
}

table.tinfo td:first-child {
  text-align: right;
  width: 35%;
  padding-right: 10px;
}

table.tinfo td:first-child + td {
  text-align: left;
  font-weight: 600;
}
td.click, th.click
{
	background-color: #bbb;
}
td.hover, tr.hover, table.tbl tr:hover, table.tablesorter tbody tr.odd:hover td
{
	background-color: rgb(191, 208, 255);
}
th.hover, tfoot td.hover
{
	background-color: ivory;
}
td.hovercell, th.hovercell
{
	background-color: #abc;
  font-weight: bold;
}
td.hoverrow, th.hoverrow
{
	background-color: #6df;
}
#page {
  border: 1px solid gray;
  display: block;
  width: 990px;
  margin: 0px auto !important;
  padding: 0px;
  text-align: left;
  background-color: rgb( 255, 255, 255 );
}

#head {
  border: 0px solid red;
  border-bottom: 2px solid black;
  display: block;
  height: 60px;
  background-color: rgb( 255, 255, 255 );
}

#head #headlogo {
  border: 1px solid gray;
  display: block;
  float: left;
  width: 134px;
  height: 60px;  
}

#head #headcenter {
  /*
background: url('../img/baner.png') repeat-x;
*/
  border: 1px solid gray;
  display: block;
  float: left;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  width: 768px;
  height: 60px;
}

#head #headoption {
  border: 1px solid gray;
  display: block;
  float: right;
  padding: 0px 1px 0px 1px;
  width: 80px;
  height: 60px;
  background-color: rgb( 0, 0, 127 );
}

#head #headoption a {
  display: block;
  margin: 1px 0px 1px 0px;
  font-size: 0.7em;
  line-height: 150%;
  text-align: center;
  border: 1px solid gray;
  background-color: rgb( 80, 80, 127 );
  color: rgb( 240, 240, 240 );
  padding: 1px 5px 1px 5px;
}

#head #headoption a:hover {
  border: 1px solid white;
  background-color: rgb( 0, 0, 255 );
  color: white;
}

#left {
  border: 0px solid gray;
  border-right: 0px solid rgb( 0, 0, 127 );
  width: 136px;
  padding: 0px;
  float: left;
  position: relative;
  text-align: center;
  background-color: rgb(0, 76, 139);
}

#left ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

#left ul li a {
  display: block;
  margin: 2px 0px 2px 0px;
  font-size: 9pt;
  border: 1px solid gray;
  background-color: rgb( 77, 124, 207 );
  color: rgb( 240, 240, 240 );
}

#left ul li a:hover {
  border: 1px solid white;
  background-color: rgb( 0, 0, 255 );
  color: white;
}
#left ul li a.active{
  background-color: white;
  color:black;
  margin-right: -2px;
  border-right: 1px solid white;
}
#left ul li a.sel {
  background-color: rgb( 255, 255, 255 );
  color: rgb( 0, 0, 127 );
  border-right: 1px solid white;
}

div#menuh {
  display: block;
  height: 25px;
  border: 0px solid gray;
  background-color: rgb(0, 76, 139);
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  font-weight: bolder;
}

ul.menup {
  display: block;
  float: left;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

ul.menup li {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style-type: none;
  display: inline;
  background-color: #cc0000;
}

ul.menup li a {
  float: left;
  margin: 0 0px 0 0;
  padding: 1px 5px 1px 5px;;
  font-size: 10pt;
  color: white;
  text-decoration: none;
  background-color: rgb( 77, 124, 207 );
  border: 1px solid gray;
}

ul.menup li a:hover, ul.menup li a.active {
  background-color: white;
  color: black;
  border-bottom: 1px solid white;
}

#content {
  border: 0px solid green;
  clear: both;
  padding: 0px;
  margin: 0px;
  background-color: rgb(0, 76, 139);
}

#center {
  border: 0px solid red;
  position: relative;
  background-color: white;
  width: 852px;
  padding: 0px;
  margin: 0px;
  float: right;
}

#main {
  border: 0px solid red;
  border-top: 0px solid gray;
  float: right;
  width: 100%;
  /*min-height: 250px;
   height: auto !important;
   height: 500px;*/
  background-color: rgb( 255, 255, 255 );
  overflow: auto;
}

#monitor {
  position: relative;
  display: block;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  border: 0px solid red;
  /*width: 855px;*/
  margin-left: 138px;
  text-align: center;
  background-color: rgb( 255, 255, 255 );
}
#monitor table#tmon td{
  font-size: 9pt;
}

#footer {
  border: 0px solid red;
  margin: 0px;
  padding: 0px;
  text-align: center;
  float: left;
}

#footer a.logo {
  border: 0px solid white;
  display: block;
  width: 135px;
  color: white;
  margin: -100px 0px 0px 0px;
}

#dialoglogin {
  background-color: white;
  border: 2px solid black;
  padding: 5px;
}

#dialoglogin h2 {
  background-color: rgb( 215, 215, 215 );
  margin: 0px 0px 0px 0px;
  padding: 5px;
  border: 2px solid gray;
  font-size: 14pt;
}

.pi {
  background-color: rgb( 135, 206, 235 );
  border: 1px solid blue;
  margin: 0px;
  padding: 5px;
}

.menun, button.btn{
  display: block;
  border: none;
  border-top:1px solid gray;
  border-bottom:1px solid gray;
  margin:0px 0px 0px 0px;
  padding:2px 1px 2px 1px;
  width:100%;
  line-height: 120%;
  color: white;  
  background-color: rgb(46, 61, 136);
  background: url("../img/button0.png") top no-repeat;
  font-weight: 900;
  font-size: 10pt;
  font-style: italic;
}
a.menun:hover, a.menun.active, button.btn:hover, button.active{
  color: blue;
  background-color: rgb(46, 61, 136);
  background: url("../img/button1.png") top no-repeat;
}
.minfo{
  display: block;
  color: black;
  font-weight: bold;
  background: url("../img/menuacc1.gif") repeat-x;
}
.minfodiv{
  width:100%;
  display: block;
  margin: 0px;
  padding: 0px;
  color: blue;
  font-weight: bold;
  background-color: rgb(205, 213, 253);
}
.info {
  margin: 0px;
  padding: 2px;
  background-color: rgb( 0, 0, 127 );
  color: white;
  text-align: center;
  font-weight: bold;
}

.error {
  display: none;
  font-size: 0.9em;
  font-weight: bold;
  font-style: italic;
  line-height: 110%;
  color: red;
  margin: 0px;
  padding: 0px;
}
input.err
{
  border: 1px solid rgb(255, 0, 0);
  background-color: rgb(255, 162, 0);
  color: rgb(0, 13, 159);
}
p.err {
  background-color: rgb( 127, 0, 5 );
  color: yellow;
  text-align: center;
  font-weight: bolder;
  font-size: 14pt;
  margin: 0px;
  padding: 10px;
}

.center {
  text-align: center;
}

td.right {
  text-align: right;
}

.button {
  display: block;
  background-color: rgb(65, 105, 225);
  border: 0px solid gray;
  text-align: center;
  color: white;
  font-weight: bold;
  margin: 0px 2px 0px 2px;
  padding: 2px;
}
.title{
  font-weight: bolder;
  margin: 2px 4px 2px 4px;
  cursor: pointer;
}
a.button:hover {
  background-color: rgb( 0, 0, 255 );
  border: 0px solid gray;
  color: white;
}
.bt {
  color: white;
  font-weight: bold;
  background-color: rgb(65, 105, 225);
  margin: 0px 1px 5px 1px;
  padding: 2px 4px 2px 4px;
  border-bottom: 1px dotted white;
}
a.bt:hover {
  background-color: blue;
  color: rgb(255, 192, 23);
}
#online {
  text-align: center;
  font-size: 0.7em;
}
#online a {
  display: block;
  float: left;
  width: 320px;
  border: 2px solid gray;
  margin: 2px;
}

#online a:hover {
  border: 2px solid rgb( 70, 110, 110 );
}

.chover {
  background-color: rgb( 100, 200, 200 );
}

pre{
  margin: 0px;
  padding: 0px;
}
.tblsmall pre{
  text-align:right;
}

a.pict{
  display: block;
  height: 108px;
  width: 132px;
  float: left;
  padding: 1px;
  border: 2px solid gray;
  background-color: rgb(77, 124, 207);
  color: white;
  text-align: center;
  line-height: 100%;
  font-size: 10px;
  overflow: hidden;
}
a.pict:hover{
  border: 2px solid blue;
  background-color: rgb(0,0,255);  
}

div.videoall{
  display: block;
  width: 360px;
  height: 340px;
  border: 2px solid rgb( 70, 110, 110 );
  background-color: rgb(77, 124, 207);
  text-align: center;
  font-size: 10px;
  color:white;
  margin: 2px 2px 2px 2px;
  padding: 2px;
  float: left;
}
div.videoone{
  display: block;
  width: 770px;
  height: 600px;
  border: 2px solid rgb( 70, 110, 110 );
  background-color: rgb(77, 124, 207);
  text-align: center;
  font-size: 10px;
  color:white;
  margin: 2px 2px 2px 2px;
  padding: 2px;  
}
div.videosmall{
  display:block;
  float:left;
  width: 125px;
  height: 60px;
  border: 2px solid gray;
  background-color: rgb(190, 225, 255);
  color: blue;
  font-size: 7pt;
  overflow: hidden;
}
div.videosmall:hover{
  background-color: rgb(77, 124, 207);
  border: 2px solid black;
  color: black;
}
div.videosmall a{
  color:black;
}
.opts{
  margin: 0px 0px 0px 0px;
  padding: 0px;
  clear: both;
}
#glogo {
  background-color: red;
  background: url('../img/logo_astergate.png');
  width: 134px;
  height: 60px;
  border: 1px solid blue;
}
.normalform label{
  display: block;
  float:left;
  margin: 1px 2px 1px 2px;
}
.divpager{
  position: absolute;
  display: none;
	z-index: 3000;
	border: 2px solid black;
	background-color:rgb(190, 225, 255);
	padding: 0px 3px 3px 3px;
  margin:2px;
  overflow: auto;
  width: 230px; 
  max-height: 350px;
  font-size: 11px;
}
.divpager p{
  margin:0px;
  padding:0px;
}
.divpager p a.close{  
  font-size: 10px;
  font-weight: bolder;
  padding: 2px;
  margin: 0px;
}
.divpager a.page{
  display:block;
  float: left;
  width: 20px;
  margin: 1px;
  padding:0px;
  text-align: center;
  background-color: white;
  color: black;
}
.divpager a.current{
  background-color: black;
  color: yellow;
}
.divpager a.page:hover{
  background-color: blue;
  color:white;
}
a.abutton{
  height: 45px;
  text-align: center;
  font-weight:bolder;
}
.norm label, a.abutton{
  display: block;
  margin: 2px 1px 2px 1px;
  padding: 1px;
  border: 1px solid rgb(223, 223, 223);
}
.norm label:hover, a.abutton:hover{
  background-color:rgb(190, 225, 255);
  border: 1px solid rgb(159, 159, 159);
}
.submit{
  line-height: 100%;
  font-size: 11pt;
  height: 28px;
  width: 160px;
  color: rgb(209, 237, 239);  
  background: url("../img/button-submit-0.png");
  font-weight: bolder;
  font-style: italic;
}
.submit:hover, .submit.active{
background: url("../img/button-submit-1.png");
color: white;
}

div.vtip {
  position: absolute;
  z-index: 1000;
  display: none;
  top: 20px;
  left: 20px;
  border: 1px solid #111;
  background-color: rgb(100, 180, 255);
  padding: 2px;
  opacity: 0.8;
}
#jHelperTipAttrContainer{ 
 background-color: rgb(0, 76, 139);
 border: 3px groove black; 
 color: white;
 font-size: 13px;
 font-weight: bolder; 
 padding: 3px;
 display:none;
 z-index: 100;
}
#jHelperTipContainer {
 display:none;
}