/***************************************************************************
 *     Project : css ducument 
 *                            -------------------
 *   Cap nhat           : 24/11/2008
 *   Nguoi tao 			: Pham Minh Tuat
 *   Nguoi sua cuoi     : Pham Minh Tuat
 *   Email              : tuatpm@gmail.com
************************************************************************* */


.hoverpage {
	height:170px; 
	border:1px solid #aaa; 
	background:#eff; 
	position:relative; 
	z-index:500;
	overflow:hidden;
}
.hoverpage table {
	border-collapse:collapse; 
	margin:-1px;
}
.hoverpage ul.outer {
	background:transparent; 
	padding:0; 
	margin:0;
	list-style:none;
}

.hoverpage ul.outer li.page {display:inline;} /* needed for IE to function correctly */

.hoverpage ul.outer li.page a.menuitem {
	text-decoration:none;
}

.hoverpage ul.outer li.page i {
	position:absolute; 
	display:block;
	left:325px;
	padding-bottom: 5px;
	padding-top: 5px;
	background:transparent; 
	z-index:100; 
	text-decoration:none; 
	color:#00c; 
	font-style:normal; 
	cursor:pointer;
}

.hoverpage ul.outer li.p1 i {top: 1px;}
.hoverpage ul.outer li.p2 i {top: 33px;}
.hoverpage ul.outer li.p3 i {top: 67px;}
.hoverpage ul.outer li.p4 i {top: 100px;}
.hoverpage ul.outer li.p5 i {top: 133px;}


.hoverpage ul.outer li div {
	display:block; 
	width:480px; 
	height:450px; 
	padding:5px; 
	background:#eff; 
	font-weight:normal; 
	color:#444;
}
.hoverpage ul.outer li div img {
	border:5px solid #fff; 
	float:left; 
	margin:0 10px 5px 0;
}
.hoverpage ul.outer li div span.big {
	line-height:1em; 
	color:#004; 
	font-size:1.5em;
}
.hoverpage ul.outer li div a {
	color:#00c; 
	text-decoration:underline;
}
.hoverpage ul.outer li div em {
	display:block; 
	width:150px; 
	height:200px; 
	float: right; 
	background:#eff ; 
	margin-right:20px;
}
/*
.hoverpage ul.outer li.p1 div em {background-position: 0 0;}
.hoverpage ul.outer li.p2 div em {background-position: 0 25px;}
.hoverpage ul.outer li.p3 div em {background-position: 0 50px;}
.hoverpage ul.outer li.p4 div em {background-position: 0 75px;}
.hoverpage ul.outer li.p5 div em {background-position: 0 100px;}
*/
.hoverpage ul.outer li.page div a:hover {text-decoration:none;}

.hoverpage ul.outer li.page a:hover {white-space:normal;}

.hoverpage ul.outer :hover div {position:absolute; left:0; top:0;}