.body { background-color: #666666; /*background-image: url(images/fon.gif);*/
           font-family: Arial,sans-serif;font-weight:normal;font-size: 14px;
        margin: 2px; /*margin-top: 10px; top: 10px;*/ }

.body1 {background-image: url(images/fon2.gif); margin-top:3px; margin-left:3px; font-family: Arial;}
.body2 {font-family: Arial;}

.an {font-family: Arial,sans-serif;font-weight:normal;color: white; font-size: 12px;}

.table,td {font-family: Arial,sans-serif;font-weight:normal;font-size: 14px;}
.hea {font-family: Arial,sans-serif;font-size: 14px;font-weight:600;}
 
.title {margin:8px}
.tit {} /*{font-family: Courier; border:1px solid #000000; background: #F9FF20;}*/

.red {font-family: Arial,sans-serif;font-size: 16px;font-weight:normal;color: red}
.spi {FONT-FAMILY: Courier; FONT-SIZE: 16px; COLOR: #000066; } 
.sel {font-family:Arial,sans-serif; font-size: 14px;font-weight:normal;color: blue}
.note {font-family:Arial; font-size:14px; font-weight:normal}
.dat {font-family:Courier;font-size:16px;color: red; width:240px}
.fa {font-family:Courier;font-size:16px;}

#ann {
border:1px solid #000000;
border-collapse: collapse;
}

#ann tr td{
height:25px;
}

a {color: blue;}
a:hover {background-color:red; color:white;}

.hrefNoUnderline a {
    color: white;
    text-decoration: none;
}
.hrefNoBG a a:hover {
    color: white;
    text-decoration: none;
	background-color: white;
}

.topBar td {color: white;}
.topBar td:hover {background-color: red;}

.linkRed {color:red; font-size:18px; font-weight:bold; font-style:italic}

.run {font-family:Arial; font-style:oblique; font-size:13px; font-weight:normal; color:blue}
.run1 {font-family:Arial; font-style:oblique; font-size:13px; font-weight:normal; color:blue; margin-top:4px;}

.zstripes tbody tr:nth-child(even) {
  background-color: #dddddd;
}
.zstripes tbody tr:nth-child(odd) {
  background-color: #eeeeee;
}

/* table sorting controls*/
.sortable th.descend {
	background-image:url(../images/caret_up.gif);
	}
.sortable th.ascend {
	background-image:url(../images/caret_down.gif);
	}
.sortable th {
	/*background-color: #E4EDFC;*/
	background-position: 95% 50%;
	background-repeat:no-repeat;
	cursor:pointer;
	padding: 3px 3px 3px 3px;
}

.eqTable td {text-align:right;}

/* form styles */
.formControls {
/*  color: #900;
  font-weight: bold;*/
  background: #FEFFE0;
  border: 1px solid #A7F89C;
  text-align: right;

   -moz-border-radius:5px; /* Firefox */
    -webkit-border-radius:5px; /* Safari, Chrome */
    -khtml-border-radius:5px; /* KHTML */
    border-radius:5px; /* CSS3 */
    behavior:url("border-radius.htc");
} 
.formControls:hover {
  /*color: #FFF;*/
  background: #F9FF20;
}
.formControls:focus { 
    outline: none;
    border-color: #A7F89C;
    box-shadow: 0 0 10px green;
}


@-webkit-keyframes color_change {
  from { color: blue; }
  to { color: #5C7BFF; }
}
@-moz-keyframes color_change {
  from { color: blue; }
  to { color: #5C7BFF; }
}
@-ms-keyframes color_change {
  from { color: blue; }
  to { color: #5C7BFF; }
}
@-o-keyframes color_change {
  from { color: blue; }
  to { color: #5C7BFF; }
}
@keyframes color_change {
  from { color: yellow; }
  to { color: blue; }
}
.colorAnim {
    background-color: lightgreen;
    font-weight:bold;
    /*border: 5px solid white;*/
    /*border-radius: 50px;*/
/*    width: 50px;
    height: 50px;
*/   -webkit-animation: color_change 2s infinite alternate;
   -moz-animation: color_change 2s infinite alternate;  
   -ms-animation: color_change 2s infinite alternate;  
   -o-animation: color_change 2s infinite alternate;  
   animation: color_change 2s infinite alternate;   
}