a:focus{
	outline: none;
}

body{
	background:url(../images/canvas.gif) repeat;
	margin-top: 1px;
}

#main{
	padding: 1px 0px 1px 5px;
	position: static;
	width:990px;
	margin:auto;
}
	
#head-section{
	background: #688979;
	position: relative;
	width: 100%;
	overflow: hidden;	
}
		
#banner-top{
	margin-left:0px;
	background:url(../images/bannerlinks-color.gif) repeat-x;
	text-decoration:none;
	color:#FFFFFF;
	text-align: left;
	padding-left:40px;
}

.banner-links a{
	display:inline;
	text-decoration:none;
	color:#FFFFFF;
	font-size:11px;
	text-align:center;
	text-shadow:#999999;
	font-weight:bold;
	font-family: Arial;
	padding: 0px 5px 0px 5px;

}

.banner-links {
  clear: both;
}

#banner{
        background-color: #FFFFFF;
        background-image: url(../images/ug_logo.jpg);
        background-repeat: no-repeat, no-repeat;
        background-position: left, right;
	position: static;
	height: 120px;
	width: 100%;
	display: block;
}

#tagline {
    width: 100%;
    padding-top: 30px !important;
    margin-top: 0px !important;
    background-image: url(../images/10Year3.png);
    background-size: 340px;
    background-position: right !important;
    background-position-x: 610px !important;
    background-position-y: 5px !important;
    background-repeat: no-repeat;
    position: static;
}

.banner-right {
	margin-left: 510px !important;
    margin-top: -20px;
    position: fixed;
}

#banner-bottom{
	margin-left:0px;
	background:url(../images/bannerlinks-color.gif) repeat-x;
	border:none;
	text-align: left;
	padding-left:40px;
	padding-bottom: 4px;
}
#tagline{
	padding-left:100px;
	font-size:20px;
	font-family: Times New Roman, Helvetica, sans-serif;
	font-weight:bold;
	height: auto;
	color: #000000;
	margin-top: 30px;
	margin-bottom: 5px;
	float:left;
}

#tagline1{
	padding-left:155px;
	font-size: 16px;
	padding-top: 0px;
	font-weight: bold;
	color: #990000;
	height:auto;
}

#body-section{
	background: #FFFFFF;
	position: static;
}
		
.bold{
  font-weight: bold;
}		

#bread-crumbs{
	background: url(../images/breadcrumbsBackground.gif) repeat-x;
	position: static;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-top:-5px;
	text-indent: 5px;
}

#bread-crumbs a{
	text-decoration:none;
}

#primary-links{
	position:relative;
	overflow: hidden;
	width: 190px;
	display: block;
	float: left;
	padding: 5px 0px 0px 5px;
	
}

#test{
	position: static;
	height: auto;
	padding-left: 10px;
	margin-top: -20px;
}

#content{
	background: #FFFFFF;
	width: 770px;
	overflow:hidden;
	position: relative;
	border-left: 0px solid #999999;
}

#contents-area{
	background:  url(../images/slideshow.png) no-repeat;
	position: static;
	height: 200px;
	margin-left: 5px;
	margin-top: 6px;
	margin-right: 0px;
	text-align: center;
	
}

#banner2{
	background:url(../images/breadcrumbsBackground.png) repeat-x;
	height:20px;
	margin-left: 5px;
	margin-top: 4px;
}

#time{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000099;
	text-align: left;
	font-weight: bold;
	padding-top: 6px;
		
}

.banner_links{
	font-weight: 700px;
	font-family:"Arial", Courier, monospace;
	text-align:center;
	font-size:15px;
	font-weight: bold;
	color:#FFFFFF;
}

#news{
	margin-left: 5px;
	margin-top: 5px;
	padding: 5px 0px 0px 5px;

}


.fix-height{
	min-height: 400px;
}

#footer{
  background:url(../images/footer.gif) repeat-x;
	overflow:hidden;
	position: static;
	clear: left;
	text-align:center;
	height:40px;
	padding-bottom: -100px;
	margin-top:10px;
}

.primary-links{
	display: block;
	text-decoration: none;
	margin-left: 10px;
	margin-top: 2px;
	padding: 5px 0px 3px 0px;
	font-family: "Arial", Times, serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	
}

.hovereffect:hover{
	color: #FFCC33;
}

#pushdown{
	padding-top: 25px;
}

#pushdown2{
	padding-top: 18px;
}

#link2{
	background:url(../images/navigation1.gif) no-repeat;
	height: auto;
	position: static;
	padding-left: 10px;
}

#hot_links{
	position: relative;
	background: url(../images/quick_links.gif) no-repeat;
	margin-left: 410px;
	margin-top: -205px;
	width: auto;
	height: 200px;
	padding: 5px 0px 0px 5px;
	text-align:center;
}

.footerclass a{
	text-decoration:none;
	color:#FFFFFF;
	font-size:11px;
	text-align:center;
	text-shadow:#999999;
	font-weight:bold;
	font-family: Arial;
	padding: 0px 5px 0px 5px;	
}

.footerclass p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
}

#pushdown3{
	padding: 30px 0px 0px 5px;;
}
#divalign{
margin-top: 10px;
	margin-left: 7px;
}

#divalign p{
	margin-left: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
}


#slideshow{
	width: auto;
	padding-left:8px;
}

.bigcap{
	font-size: auto;
}

.smallcap{
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:100%;
	font-weight: bold;
}

 .legend{
 	font-family:Arial, Helvetica, sans-serif;
 	font-size: 13px;
 }


.app_nav{
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	text-shadow: #ccffee;
	font-weight:bold;
	color: #277A2c;
	margin-top: 5px;
	margin-bottom: 5px;
}

.app_nav:hover, .app_nav:hover:visited {
	color: #FFCC33;
}

.app_nav:visited{
	color: #31A639;
}

.link_header{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #FFCC33;
	text-align:center;
	font-weight:bold;
}

.name{
	color: #000000;
}

input, select {
    font-size: 1em;
}

 input,textarea {
 font-family:Helvetica,sans-serif;
}

textarea {
	 overflow: visible;
	 font-size:1em;
}

	
	label {
	clear: left;
	float: left;
	width: 12em;
	margin-left: 5px;
	margin-bottom:5px;
	margin-right: 1em;
}


	.widelabel {
	width: 19em;
}

label.across{
 width: 80%;
 }
 
label.lentity {
	float: left;
	width: auto;
	margin-left: 1em;
	margin-bottom:1em;
	display: inline;
	}
	
select {
	width: auto;
	
	}
	
select.multi{
	width: 5em;
}

select.double{
	width: 7.6em;
}	
	
input {
	width: auto;
	
	}
	
.normal{
	width: auto;
	margin-bottom: 0;	
	}
	

 input.ientity {
 	width: 7em;
	margin-bottom: .5em;
	} 
	
 input.submit {
 	width: auto;
	text-align:center;

 }
 div.subbut {
 	margin: 0 auto;
	text-align:center;
	}
 
.lef {
	float:left;
	}
	
.rigth {
 float:right;
 }
 

	fieldset {
    margin:  1em 0;
    border: #000000 solid 1px;
    padding: 0.5em;
	  background-color: #FFFFCC;
}

fieldset fieldset {
    margin: 5px 2px;
}

button {
    display: inline;
}

fieldset.alt {
	background-color: #EEEEEE;  
	}

fieldset.blank {
	background-color: #F8F8F8;  
	}
	
fieldset.outer {
	 background-color: #CCFFFF; 
	 //background-color: #FFF; // original color
	 //background-color: #99FFCC; 
	}	
	
legend {  
	margin: 0 0 3px 2px;
	padding-bottom: 3px;  
	color: #545351;  
	font-weight: bold;
}

table caption,
table th,
table td {
    padding:   0.1em 0.3em ;
    margin:    0.1em;
    vertical-align: middle;
	text-align:left;
}

td.Y {
  color: #00F;
}

td.N {
  color: brown;
}

td.ACT_0 {
  color: black;
}

td.ACT_1 {
  color: red;
}

@keyframes blinker {  
  50% { opacity: 0.0; }
}

font.ps_NP {
  color: red;
	font-weight: bold;
  animation: blinker 1s linear infinite;
}

font.ps_PP {
  color: red;
	font-weight: bold;
  animation: blinker 1s linear infinite;
}

font.ps_FP {
  color: green;
	font-weight: bold;
}

font.rs_proc {
  color: blue;
	font-weight: bold;
}

font.rs_appr {
  color: green;
	font-weight: bold;
}

font.rs_rej {
  color: red;
	font-weight: bold;
}

font.rs_hold {
  color: grey;
	font-weight: bold;
}

font.rs_inact {
  color: black;
	font-weight: bold;
}

font.rs_resub {
  color: darkviolet;
	font-weight: bold;
}

img,
input,
select,
button {
    vertical-align: middle;
}

table {
 width: 100%;
 }

table tr.odd th,
.odd {
    background: #E5E5E5;
}

table tr.even th,
.even {
    background: #D5D5D5;
}

table tr.same th,
.same {
    background: #55FFAA;
}

table tr.diff th,
.diff {
    background: #FFAAAA;
}

table tr.odd th,
table tr.odd,
table tr.even th,
table tr.even {
    text-align: left;
}

table tr.marked th,
table tr.marked {
    background:   #EEEEEE;
    color:   #3333FF;
}

.tblHeaders, th {
    font-weight:        bold;
    color:              #000000;
    background:         #D3DCE3;
}

.tblFooters {
    font-weight:        normal;
    color:              #000000;
    background:         #D3DCE3;

}

fieldset.tblFooters {
    margin-top:         0;
    margin-bottom:      0.5em;
    border-top:         0;
    text-align:         right;
    float:              none;
    clear:              both;
}

.tblHeaders a:link,
.tblHeaders a:active,
.tblHeaders a:visited,
.tblFooters a:link,
.tblFooters a:active,
.tblFooters a:visited {
    color:              #0000FF;
}

.tblHeaders a:hover,
.tblFooters a:hover {
    color:              #FF0000;
}


h1 {
 font-size: 140%;
 margin-top: .3em;
 }
 
h2 {
 font-size: 110%;
 }
 
 p.fieldsetmargin {
  margin: .5em .4em;
  }
  
.main {
   text-align:left;
   }
	
.centeralign {
	margin: 0 auto;
	}
 
.main h1 {
 	margin-top: .5em;
	font-size: 1.2em;
	}
	
.grey{
 color: #C5C5C5;
 margin-top: .5em;
 font-weight:normal;
 font-variant:small-caps;
 font-style:italic;
 font-size: 120%;
 }
 
 .ap {
 	align:center;
 
 }
 
 span.personal_info{
 font-size: 16px;
 color: black;
 font-weight: bold;
 }

 span.personal_status{
 font-size: 16px;
 color: red;
 font-weight: bold;
 }
 
 span.tiny{
 font-size: 85%;
 color: blue;
 }

 span.warning{
 font-size: 85%;
 color: red;
 font-weight:bold;
 }
 
 span.warning100{
 font-size: 100%;
 color: red;
 text-decoration: underline;
 font-weight:bold;
 }
  
 .spl{
 color: brown;
 font-weight:bold;
 }
 
 span.ast{
 color: red;
 }
 
 .developers{
 font-size:12px; 
 color:#FFFF00;
 }

.developers a:hover{
	color: #FFCC33;
 }
 
 .copyright{
 font-size:11px;
 color:#FFFF00;
 }


input, select, textarea{
 color:#000000;
 }

#marqueecontainer{
position: relative;
width: 400px; /*marquee width */
height: 70px; /*marquee height */
background-color: white;
overflow: hidden;
border: 0px solid green;
padding: 2px 4px 0px 2px;
float: right;
margin: 7px 10px 0px 0px;
font-size: 1em;
font-family: 'Arial';
}

#vmarquee {
padding: 2px 4px 0px 2px;
}

/*Reports interface*/

.rpt_header1 {
    text-align:center;
    text-decoration: underline;
    font-weight: bolder;
}

.rpt_header1_title {
    color:#8B0000;
    font-style: italic;
    font-size:1.2em;
}

.rpt_header2 {
    text-align:center;
    text-decoration: underline;
    font-weight: bold;
}
.rpt_header2_subtitle {
    color:#003F87;
    font-style: italic;
}


.rpt_tbl_legend {
    color:#FF3333;
    font-style: italic;
    font-weight: bold;
}
.rpt_fieldset_border {
    border-color: #397D02;
    border-width: 1px;
}


input.submit_but {
    background:#397D02;
    color:white;
    border-style:outset;
    border-color:#0066A2;
    height:22px;
    font: bold 14px arial,sans-serif;
}
input.submit_but:hover
{
    background-color:#006800;
}

.rpt_hr{
    background-color: #8B0000;
    height:1px;
    border:none;
    width:80%;
}
.textLeft { text-align: left; }
.textRight { text-align: right;}
.textCenter { text-align: center; }
.textJustify { text-align: justify; }
.align {text-align: right;}


/* Firefox old*/
@-moz-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 

@-webkit-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
/* IE */
@-ms-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 
/* Opera and prob css3 final iteration */
@keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 
.blink-image {
    -moz-animation: blink normal 1s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 1s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 1s infinite ease-in-out; /* IE */
    animation: blink normal 1s infinite ease-in-out; /* Opera and prob css3 final iteration */
}


	.oval {
		width: 160px;
		height: 80px;
		background: #ccccff;
		border-radius: 40px;
	}
	@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
	}
	
	
.banner_notice {
  animation:blinking 1.5s infinite;
  font-size: 13px;
  font-weight:bold;
}

@keyframes blinking{
  0%{   color: red;   }
  47%{   color: red; }
  62%{   color: transparent; }
  97%{   color:transparent; }
  100%{  color: #000;   }
}