a:focus{
	outline: none;
}

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

#main{
	padding: 1px 0px 1px 5px;
	position: static;
	width:1200px;
	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;
}

#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{
	width: 90%;
	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;
}
#tagline span.bigcap
{
	float: right;
	position: relative;
	padding: 24px 380px 0 0;  // Increase the right padding (20px here) to move the HRMIS more to the 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: 1000px;
	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: 11em;
	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: #EEEEEE;
}

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;
}

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

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

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;
}

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;
 }
 
 .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;
}


div#appnav {
	/*height: em;
	width: 100%;*/
	margin: 0 auto;
    overflow: hidden;
	width: 100%;
	text-align:center;
}

div#appnav ul{
	margin: .5em 0em;
	padding: .5em 0em .5em 0em;
	/*font-family:Geneva, Arial, Helvetica, sans-serif;*/
	font-size: 1.1em;
	font-stretch:normal;
	font-style: normal;
	font-variant:small-caps;
	font-weight: bold;
	height: auto;	
	list-style:none;
	white-space: nowrap;
	width:100%;
	color:#369;
}	
	
div#appnav ul li{
	margin: 0em -.587em 0em 0em;
	display:inline;
}
	
div#appnav ul li a {
	text-decoration: none;
	color:  #369; 
	/*border: 1px solid #000;*/
	padding: .1em .2em;
}
	
div#appnav ul li a:link {
	/*color: #FFF;*/
}

/*div#topnav1 ul li a:visited {
	color: #000000;
	background-color: #3366FF;
	}	*/

div#appnav ul li a:hover {
	color: #FFF;
	background-color: #369;
	padding: .1em .2em;
}


div#appnav ul li a.active {
	/*font-weight: bold;*/
	/*color: #FF0000;*/
	background-color: #3366FF;
}

td .specialDate {
    background: #33CC66;
}

.specialDate a { background: #FFFF00 !important; }

.ui-datepicker-week-end, .ui-datepicker-week-end a.ui-state-default {color:brown;}