/*Tab Popup Text*/
#out-footer {
	height: 380px;
	}
#footer {
	height: 50px;

	}

#footer2 {
	height: 100px;
	}
div#spacer
{
	height: 75px;
}
div#popupwrapper
{
	margin: 0 0 0 0;
	position: relative;
	height: 25px;
	top: 0px;
	vertical-align: middle;
	border-top: 0px solid #000;
	border-bottom: 0px solid #000;
	background-color: #fff;
	
}
div#links {
	position: absolute; 
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	top: -20px;
	z-index: 100;
	width: 700px;
	border-top: 0px solid #000;
	border-bottom: 0px solid #333;
/*
	background-color: #002047;
*/	
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}
div#links a {
	margin: 0 0 0 0;

}
div#links a:hover {
	margin: 0 0 0 0;

}

/*Rollover TabImage Concept from http://www.oreillynet.com/pub/a/javascript/2001/03/23/rollovers.html 
 * The image in the link needs to be a transparent image of some sort. Using 1x1 px src="images/blank.png" */
div#links a img {height: 41px; width: 100px; border-width: 0; text-decoration: none; position: relative; left: -42px;}
a#hrms img {background: url(images/pds-blue-hrms-tab.gif) top left no-repeat;}
a#asses img {background: url(images/pds-blue-asses-tab.gif) top left no-repeat;}
a#manag img {background: url(images/pds-blue-pm-tab.gif) top left no-repeat;}
a#recruit img {background: url(images/pds-blue-recruit-tab.gif) top left no-repeat;}
a#surv img {background: url(images/pds-blue-surv-tab.gif) top left no-repeat;}
a#time img {background: url(images/pds-blue-time-tab.gif) top left no-repeat;}

a#hrms:hover img {background: url(images/pds-grey-hrms-tab.gif) top left no-repeat;}
a#asses:hover img {background: url(images/pds-grey-asses-tab.gif) top left no-repeat;}
a#manag:hover img {background: url(images/pds-grey-pm-tab.gif) top left no-repeat;}
a#recruit:hover img {background: url(images/pds-grey-recruit-tab.gif) top left no-repeat;}
a#surv:hover img {background: url(images/pds-grey-surv-tab.gif) top left no-repeat;}
a#time:hover img {background: url(images/pds-grey-time-tab.gif) top left no-repeat;}

div#links a span {
	margin: 0 0 0 0;
	padding: 5px 0 0 0 ;
	display: none;
}
div#links a:hover span {
	display: block;
	position: absolute; 
	top: 45px; 
	left: -10px; 
	width: 604px;
	height: 56px;
	padding: 5px; 
	margin: 10px; 
	z-index: 100;
	color: #000; 
	background: white;
	border: 0px 
	solid red;
	font-size: 13px; 
	line-height: 15px;
	text-align: left;
	background-color: #CCCCCC;
}

span.hovertext
{
	font-size:	12px;
	font-weight: normal;
	font-family: Verdana, Arial, Serif;
}
div#links ul li{
	margin: 0 0 0 0;
	padding: 0;
	display: inline;
}
div#links ul li a {
		margin: 0 0 0 0;

/*    padding: 0 .5em; /*put each list item into a box*/
    text-decoration: none;
/*    border-right: 2px solid #002047; /*set a border to the right of the list items to separate them – instead of using | */
}
div#links ul li a.noborder { /*No "border" divider on the rightmost item*/
	margin: 0 0 0 0;
    border-right: none;
}
img.folder
{
	position: relative;
	top: -17px;
}
/*End Menu Popup Text*/