/* Apex Cleaning Supplies */
/* Top Link */

#portal a.tip{
	margin-left: 16px;
	margin-bottom: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 148px;
	border: 1px solid #FFF;
	float: none;
	display: block;
	text-align: center;
	width: 148px;
	height: 20px;
	font-weight: bold;
	overflow: hidden;
	line-height: 18px;
	position:relative; /*this is the key*/
	z-index:24;
	display: table;
	text-align: center;
	width: 148px;
	height: 20px;
	color: #FFFF66;
	background-color: #CC1111;
	font-weight: bold;
	overflow: hidden;
	line-height: 18px;
	text-decoration:none
}

#portal a.tip:hover{
	z-index:25;
	color: #00CCFF;
	background-color: #BB0000;
}

#portal a.tip span{
	display: none
}

#portal a.tip:hover span{ /*the span will display just on :hover state*/
	display: table;
	border:1px solid #FFF;
	position:fixed;
	top: 25em;
	left:122em;
	width:148px;
	background-color:#CC1111;
	color:#FFF;
	text-align: center
}

/* Middle Link */

#portal a.tip_ss{
	margin-left: 16px;
	margin-bottom: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 148px;
	border: 1px solid #FFF;
	float: none;
	display: block;
	text-align: center;
	width: 148px;
	height: 20px;
	font-weight: bold;
	overflow: hidden;
	line-height: 18px;
	position:relative; /*this is the key*/
	z-index:24;
	display: table;
	text-align: center;
	width: 148px;
	height: 20px;
	color: #FFFF66;
	background-color: #551177;
	font-weight: bold;
	overflow: hidden;
	line-height: 18px;
	text-decoration:none
}

#portal a.tip_ss:hover{
	z-index:25;
	color: #00CCFF;
	background-color: #440066;
}

#portal a.tip_ss span{
	display: none
}

#portal a.tip_ss:hover span{ /*the span will display just on :hover state*/
	display: table;
	border:1px solid #FFF;
	position:fixed;
	left: 122em;
	top: 28.7em;
	width:148px;
	background-color:#551177;
	color:#FFF;
	text-align: center
}

/* Bottom Link */

#portal a.tip_p{
	margin-left: 16px;
	margin-bottom: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 148px;
	border: 1px solid #FFF;
	float: none;
	display: block;
	text-align: center;
	width: 148px;
	height: 20px;
	font-weight: bold;
	overflow: hidden;
	line-height: 18px;
	position:relative; /*this is the key*/
	z-index:24;
	display: table;
	text-align: center;
	width: 148px;
	height: 20px;
	color: #FFFF66;
	background-color: #4466AA;
	font-weight: bold;
	overflow: hidden;
	line-height: 18px;
	text-decoration:none
}

#portal a.tip_p:hover{
	z-index:25;
	color: #00CCFF;
	background-color: #335599;
}

#portal a.tip_p span{
	display: none
}

#portal a.tip_p:hover span{ /*the span will display just on :hover state*/
	display: table;
	border:1px solid #FFF;
	position:fixed;
	left: 122em;
	top: 32.5em;
	width:148px;
	background-color:#4466AA;
	color:#FFF;
	text-align: center
}