/*
Screen Stylesheet for jQuery Realistic Hover Effect
Created by Adrian Pelletier
http://www.adrianpelletier.com
*/

#hoverButtons
{
	margin: 20px auto 0 auto;
	width: 340px;
	text-align: center;
	list-style: none;
	clear: left;
	position: relative;
	z-index: 100;
}

#hoverButtons li 
{
	width: 65px;
	height: 70px;
	position: relative;
	float: left;
	padding-right: 20px;
}
			
#hoverButtons a, #hoverButtons a:visited, #hoverButtons a:active, #hoverButtons a:hover 
{
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	z-index: 2;
	/*text-indent: -9999px;*/
}
	
#hoverButtons li.btn_apply_now a
{	
	background: url('/images/buttons/btn_apply_now.png') no-repeat;
}

#hoverButtons li.btn_ask_joe a
{
	background: url('/images/buttons/btn_ask_joe.png') no-repeat;
}

#hoverButtons li.btn_elearn a
{
   	background: url('/images/buttons/btn_elearn.png') no-repeat;
}

#hoverButtons li.btn_campus_map a
{
 	 background: url('/images/buttons/btn_campus_map.png') no-repeat;
}

#hoverButtons li.btn_library a 
{
   	background: url('/images/buttons/btn_library.png') no-repeat;
}

#hoverButtons li.btn_tiger_web a 
{
   	background: url('/images/buttons/btn_tiger_web.png') no-repeat;
}

#hoverButtons li.btn_rodp a 
{
   	background: url('/images/buttons/btn_rodp.png') no-repeat;
}

#hoverButtons li.btn_k12_educators a 
{
   	background: url('/images/buttons/btn_k12_educators.png') no-repeat;
}

#hoverButtons li.btn_bookstore a 
{
   	background: url('/images/buttons/btn_bookstore.png') no-repeat;
}

#hoverButtons li.btn_wicd_wami a 
{
   	background: url('/images/buttons/btn_wicd_wami.png') no-repeat;
}

#hoverButtons li.btn_hot_links a 
{
   	background: url('/images/buttons/btn_hot_links.png') no-repeat;
}

#hoverButtons li.btn_job_listings a 
{
   	background: url('/images/buttons/btn_job_listings.png') no-repeat;
}

/* Button Shadow */		
#hoverButtons li img.shadow
{
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}

/* tool tip */
#hoverButtons.hoverTooltip a span
{
	position: absolute;
	visibility: hidden;
	padding: 2px 3px;
	width: 150px;
	bottom: 6px;
}

#hoverButtons.hoverTooltip a:hover span
{
	visibility: visible;
	border: 1px solid black;
	background-color: #1E50A3;
	color: white;
	font-weight: bold;
	-webkit-border-radius:  5px; /* Safari, Chrome */
	-moz-border-radius:  5px; /* Firefox */
	border-radius:  5px; /* CSS3 */
}
/* END hoverButtons */